Ausführliche Erläuterung der Anwendungsfälle für jQuery-Elementselektoren

Dieses Mal erkläre ich Ihnen die Anwendungsfälle von jQueryElement Selector Was sind die Vorsichtsmaßnahmen für die Verwendung des jQuery-Elementselektors?

Das Beispiel in diesem Artikel beschreibt die einfache Verwendung des Elementselektors (Element) in jQuery. Teilen Sie es wie folgt mit allen als Referenz:

1. Einführung

Der Elementselektor gleicht das entsprechende Element anhand des Elementnamens ab .

Laienhaft ausgedrückt zeigt der Elementselektor auf den Tag-Namen des DOM-Elements, was bedeutet, dass der Elementselektor basierend auf dem Tag-Namen des Elements auswählt.

Der Tag-Name des Elements kann als Name des Schülers verstanden werden. In einer Schule kann es mehrere Schüler mit dem Namen „Liu Wei“ geben, es kann jedoch nur einen Schüler mit dem Namen „Wu Yu“ geben durch das Element Der Selektor kann mit mehreren Elementen oder einem Element übereinstimmen.

In den meisten Fällen stimmen Elementselektoren mit einer Gruppe von Elementen überein.

Der Elementselektor wird wie folgt verwendet:

$("element");

wobei element der Tag-Name des abzufragenden Elements ist.

Um beispielsweise alle p-Elemente abzufragen, können Sie den folgenden jQuery-Code verwenden:

$("p");

2. Übernehmen Sie

in Fügen Sie der Seite zwei

-Tags hinzu. Klicken Sie auf die Schaltfläche, um die beiden

-Tags abzurufen.

3. Code

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<p>这里种植了一棵草莓</p>
<p>这里养殖了一条鱼</p>
<input type="button" value="若干年后" />
<script type="text/javascript">
$(document).ready(
function()
{
 $("input[type='button']").click(
  function()
  {                //为按钮绑定单击事件
   $("p").eq(0).html("这里长出了一片草莓"); //获取第一个p元素
   $("p").get(1).innerHTML="这里的鱼没有了"; //获取第二个p元素
  });
});
</script>

4. hier) /tools.jb51.net/code/HtmlJsRun (Online-Lauftest):

5. LaufanleitungIm obigen Code wird der Elementselektor verwendet, um einen jQuery-Wrapper-Satz aus einem Satz von p-Elementen zu erhalten. Es handelt sich um einen Satz von Objektobjekten, die in [Objektobjekt] gespeichert werden Der Text einzelner Elemente erfordert einen Indexer, um zu bestimmen, welches p-Element ausgewählt werden soll. Hier werden zwei verschiedene Indexer verwendet:

und

. eq()get()Der Indexer ähnelt hier der Hausnummer des Zimmers. Der Unterschied besteht darin, dass die Hausnummer bei 1 beginnt, während der Indexer bei 0 beginnt.

In diesem Beispiel werden zwei Methoden verwendet, um den Textinhalt des Elements festzulegen. Die

-Methode ist die jQuery-Methode und die innerHTML-Methode ist die DOM-Objektmethode.

html()Die Methode

wird auch hier verwendet. Beim Laden des Seitenelements wird das Programm automatisch ausgeführt und das Klickereignis automatisch an die Schaltfläche gebunden. Die

$(document).ready()

-Methode gibt einen jQuery-Wrapper-Satz zurück, sodass sie nur jQuery-Methoden aufrufen kann, während die

-Methode ein DOM-Objekt zurückgibt, sodass sie nur DOM-Objektmethoden verwenden kann. Die eq()get()

-Methode und die

-Methode beginnen beide standardmäßig mit dem Zählen bei 0. eq()get()

entspricht

. $("#test").get(0)$("#test")[0]Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Zusammenfassung häufig verwendeter integrierter Funktionen in JS

Detaillierte Erläuterung der Verwendungsschritte V-Modell in benutzerdefinierten Komponenten mit Vue

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Anwendungsfälle für jQuery-Elementselektoren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!