So finden Sie HTML -Elemente in JQuery

Nach dem Klicken auf die Schaltfläche:

Der Elementname -Selektor ruft alle HTML -Elemente mit demselben Namen ab. Zum Beispiel haben wir hinzugefügt $ ("H2") Als Elementname wählt der Elementname -Selektor alle aus

Überschriftenelemente unserer Webseite und dann die hinzugefügten Einstellungen auf sie anwenden.

Wenn Sie jedoch eine finden möchten Spezifisch Html Element, Dann können Sie die nutzen Element #ID Selector in jQuery ().

So finden Sie HTML -Elemente in JQuery mit Element #ID -Selektor

Um HTML -Elemente mit dem Element #ID -Selektor zu finden, müssen wir diesem HTML -Element eine ID zuweisen, und sie sollte in einer Webseite eindeutig sein, da das Element #ID -Selektor nach dem eindeutigen und einzelnen Element sucht.

Syntax des Element #ID -Selektors

$ ("#my_id")

In der Syntax des Element #ID -Selektors müssen Sie das Hash -Zeichen hinzufügen “#,”Gefolgt von der“Ausweis”Einem HTML -Element zugewiesen.

Beispiel: Finden Sie HTML -Elemente in JQuery mit dem Element #ID -Selektor
In unserer "Index.html"Datei, wir haben einen Absatz hinzugefügt, a"Klick michTaste und eine Überschrift mit dem “H2IDElement ID:

Finden Sie HTML -Elemente in JQuery

Dies ist der Hauptabsatz mit einem Beispieltext

Um das HTML -Element mit dem Übergang mit dem zu finden, “H2ID"Wir werden den folgenden Code in unserem" schreiben "Mein Projekt.JS" Datei:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ ("#H2ID").verstecken();
);
);

In diesem Fall, wenn wir auf die Schaltfläche klicken, ist die jQuery “$ ("#H2ID")Die Methode findet das HTML -Überschriftenelement mit dem “H2ID”Und verstecken Sie es auf der Webseite:

Die hinzugefügte Überschrift ist nicht mehr zu sehen, nachdem Sie auf das geklickt habenKlick mich" Taste:

So finden Sie HTML -Elemente in JQuery mit Element .Klassenauswahl

Element #ID Selector erlaubt Ihnen nicht, zwei HTML -Elemente gleichzeitig auszuwählen, da beide eindeutige ID -Werte haben. Sie können jedoch verschiedenen HTML -Elementen eine Klasse zuweisen und dann die verwenden Element .Klassenauswahl um die Elemente zu finden, die zur gleichen Klasse gehören.

Syntax des Elements .Klassenauswahl

$ (".meine Klasse")

In der gegebenen Syntax des Elements .Klassenauswahl müssen Sie einen Zeitschiff hinzufügen, bevor Sie den Klassennamen schreiben, und er sollte in Klammern eingeschlossen sein.

Beispiel: Finden Sie HTML -Elemente in JQuery mit Element .Klassenauswahl
In diesem Beispiel werden wir einen Klassennamen zuweisen “NEWCLASS”Zum Übergang, Absatzelement und Schaltfläche, die in unserem" hinzugefügt werden "Index.html" Datei:

Finden Sie HTML -Elemente in JQuery

Dies ist der Hauptabsatz mit einem Beispieltext

Dies ist der zweite Absatz

Mit Ausnahme des ersten Absatzes gehören alle hinzugefügten HTML -Elemente zum “NEWCLASS”:

Erstens finden wir die HTML -Elemente mit Klassennamen “NEWCLASS”. Danach werden wir sie vor unserer HTML -Seite verstecken:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ (".NewClass ").verstecken();
);
);

Bevor Sie auf die Schaltfläche klicken:

Nach dem Klicken auf die Schaltfläche:

Die oben gegebene Ausgabe zeigt, dass wir die angegebenen HTML-Elemente mit Elementen erfolgreich gefunden haben .Klassenwähler und versteckt sie vor der Webseite.

Abschluss

Verwendung Elementnamenauswahl, Element #ID Selector, Und Element .Klassenauswahl, In jQuery finden Sie HTML -Elemente. Elementname Selector wird zur Auswahl der HTML -Elemente mit ihrem Namen verwendet. Im Gegensatz dazu findet der Element #ID Selector ein spezifisches HTML -Element basierend auf ihrer eindeutigen ID und schließlich Element .Der Klassenwähler ruft sie nach ihrem Klassennamen ab. In diesem Schreiben wurde das Verfahren zum Finden von HTML-Elementen in JQuery unter Verwendung von Elementname Selector, Element #ID-Selektor und Element erörtert .Klassenauswahl.