Grundlæggende eksempler på anvendelsen af ​​jQuery omfatter dem til at skjule og animere websideelementer og også ændrer et element indhold og udseende. Før du arbejder gennem disse eksempler , lære , hvordan du vælger elementer med jQuery . På den måde sikrer de jQuery metoder, du kører vil arbejde på de planlagte elementer. Skjule
p Du kan skjule webside elementer som stykker og overskrifter ved at bruge CSS s Hide metode. Gendan elementets synlighed med Show metoden. For eksempel, " skjule. () Erklæringen" ("# someelement )" vil skjule HTML-element med tagget "# someelement . " The prøve programmet , der følger opretter en webside med en knap til at vise dig hvordan man dynamisk skjule et afsnit.

< script id = " mybutton "> Klik her .

Se denne forsvinde.

< /html >

Animation

Med jQuery s Animate metode kan du lave et afsnit eller et andet HTML-element dynamisk at ændre placering og størrelse , som lader dig udføre simple animationer. Angiv den attribut, du vil animere , sammen med den værdi, som du vil have , at attribut at ændre, da det første argument for at animere. Surround dette argument med seler. Angiv den hastighed, hvormed du vil animationen at forekomme i Animate andet argument . Brug prøven program, der følger for at lære at lave et afsnit træk hen over skærmen.

< Script type = "text /javascript " src = " jquery.js " ; > < script { marginLeft : " 500px "}, "langsom" );} );} ) du klikke her.

Watch dette træk.

< /html >
skiftende indhold < br >

Brug jQuery til at ændre HTML-indhold ved hjælp af en metode, såsom HTML, Append eller før . For eksempel, " , myparagraph ", hvis du ønsker at tilføje eksisterende tekst til en bestemt stykke , hvis id er at skrive følgende erklæring .

$ ("# Myparagraph "). Append ( "Ny tekst " ) .

Her er et eksempel program, der illustrerer Append metoden

< script type = "text /javascript " src = " jquery.js " ; > < script verden " );} );} )

du klikke her < p id = " myparagraph "> Punkt 1

< /html >
Ændring CSS

Brug jQuery er CSS metode til at skifte stil for stykker , knapper , overskrifter og andre HTML-elementer . For eksempel, " CSS ( " font -weight "," bold " )" vil gøre teksten i et HTML-element fed . Identificer CSS attribut, du vil ændre, i det første argument af CSS metoden. Vælg værdien for den pågældende attribut med CSS metoden andet argument . Her er et eksempel program , der sætter CSS metoden i sammenhæng.

< script id = " mybutton "> Klik her

Se denne tur fed .

< /html >
< br >