Hvordan finne HTML -elementer i jQuery

Etter å ha klikket på knappen:

Elementnavnvelgeren henter alle HTML -elementer med samme navn. For eksempel har vi lagt til $ (“H2”) som elementnavnet, så elementnavnvelgeren vil velge alle

overskriftselementer på websiden vår og bruk deretter de ekstra innstillingene på dem.

Imidlertid, hvis du vil finne en spesifikk Html element, Da kan du bruke Element #id velger i jQuery ().

Hvordan finne HTML -elementer i jQuery ved hjelp av element #ID -velgeren

For å finne HTML -elementer som bruker element #ID -velger, må vi tilordne en ID til det HTML -elementet, og det skal være unikt på en webside, ettersom elementet #ID -velgeren søker etter det unike og enkeltelementet.

Syntaks av element #ID -velgeren

$ ("#my_id")

I syntaksen til elementet #ID -velgeren må du legge til hasjkarakteren "#,”Etterfulgt av“id”Tilordnet et HTML -element.

Eksempel: Finn HTML -elementer i jQuery ved å bruke element #ID -velgeren
I vår "indeks.html”Fil, vi har lagt til et avsnitt, en“Klikk på meg”-Knappen, og en overskrift med“H2ID”Element -ID:

Finn HTML -elementer i jQuery

Dette er hovedparagrafen med noen eksempler på tekst

For å finne overskriften HTML -element med “H2ID”, Vi vil skrive ut følgende kode i vår“mitt prosjekt.JS”Fil:

$ (dokument).klar (funksjon ()
$ ("knapp").klikk (funksjon ()
$ ("#H2ID").gjemme seg();
);
);

I dette tilfellet, når vi vil klikke på knappen, jQuery “$ (“#H2ID”)”Metode finner HTML -overskriftselementet med“H2ID”Og skjul den for websiden:

Den ekstra overskriften kan ikke lenger sees etter å ha klikket på "Klikk på meg”Knapp:

Hvordan finne HTML -elementer i jQuery ved å bruke element .Klassevelger

Element #ID -velger tillater deg ikke å velge to HTML -elementer samtidig fordi begge vil ha unike ID -verdier. Du kan imidlertid tildele en klasse til forskjellige HTML -elementer og deretter bruke Element .Klassevelger for å finne elementene som tilhører samme klasse.

Syntaks av elementet .Klassevelger

$ (".klassen min")

I den gitte syntaks av elementet .Klasselektor, du må legge til et periodekarakter før du skriver ut klassenavnet, og det skal være vedlagt i parenteser.

Eksempel: Finn HTML -elementer i jQuery ved å bruke element .Klassevelger
I dette eksemplet vil vi tildele et klassenavn “Newclass”Til overskriften, avsnittelementet og knappen, som er lagt til i vårt“indeks.html”Fil:

Finn HTML -elementer i jQuery

Dette er hovedparagrafen med noen eksempler på tekst

Dette er andre avsnitt

Bortsett fra første ledd, tilhører alle de ekstra HTML -elementene "Newclass”:

Nå, for det første, vil vi finne HTML -elementene som har klassenavn “Newclass”. Etter det vil vi skjule dem for HTML -siden vår:

$ (dokument).klar (funksjon ()
$ ("knapp").klikk (funksjon ()
$ (".Newclass ").gjemme seg();
);
);

Før du klikker på knappen:

Etter å ha klikket på knappen:

Den ovennevnte utgangen viser at vi har funnet de spesifiserte HTML-elementene ved hjelp av element .Klassevelger og gjemte dem fra websiden.

Konklusjon

Ved hjelp av Elementnavnvelger, Element #id velger, og Element .Klassevelger, Du kan finne HTML -elementer i jQuery. Elementnavnvelger brukes til å velge HTML -elementene ved navn. I kontrast finner element #ID -velgeren et spesifikt HTML -element basert på deres unike ID, og ​​til slutt, element .Klasselektor henter dem i henhold til klassenavnet. Denne oppskrivningen diskuterte prosedyren for å finne HTML-elementer i jQuery ved å bruke elementnavnvelger, element #ID-velger og element .Klassevelger.