So schreiben Sie einen JQuery-Selektor

jquery ist ein JS-Framework, das viele JS-Schreibmethoden vereinfacht und es einfacher und effizienter macht. Hier sind einige häufig verwendete Selektoren als Referenz.

jQuery-Selektoren

jQuery-Selektoren ermöglichen Ihnen die Bearbeitung von Gruppen von HTML-Elementen oder einzelnen Elementen.

jQuery-Selektoren „suchen“ (oder wählen) HTML-Elemente basierend auf der ID, Klasse, dem Typ, den Attributen, Attributwerten usw. des Elements aus. Es basiert auf vorhandenen CSS-Selektoren sowie einigen benutzerdefinierten Selektoren.

Alle Selektoren in jQuery beginnen mit einem Dollarzeichen: $().

Elementauswahl

jQuery-Elementauswahl wählt Elemente basierend auf ihrem Namen aus.

Alle

-Elemente auf der Seite auswählen:

$("p")

Instanz

Nachdem der Benutzer auf die Schaltfläche geklickt hat, werden alle

-Elemente ausgeblendet:

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;p&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落。
这是另一个段落。
点我

#id selector

jQuery #id selector wählt das angegebene Element über das id-Attribut des HTML-Elements aus.

Die ID des Elements auf der Seite sollte eindeutig sein. Wenn Sie also das eindeutige Element auf der Seite auswählen möchten, müssen Sie den #id-Selektor übergeben.

Die Syntax zum Auswählen von Elementen anhand der ID lautet wie folgt:

$("#test")

Beispiel

Wenn der Benutzer auf die Schaltfläche klickt, wird das Element mit der ID="test" Attribut wird ausgeblendet:

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落
这是另外一个段落
点我

.Klassenselektor

Der jQuery-Klassenselektor kann Elemente der angegebenen Klasse finden.

Die Syntax lautet wie folgt:

$(".test")

Instanz

Nachdem der Benutzer auf die Schaltfläche geklickt hat, werden alle Elemente mit class="test"-Attributen ausgeblendet:

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;.test&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落。
这是另外一个段落。
点我

Das obige ist der detaillierte Inhalt vonSo schreiben Sie einen JQuery-Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!