Beispiel für den ersten JQuery-Selektor

JQuery erster Selektor Wählt das erste übereinstimmende Element seines übergeordneten Elements im Dokument aus. Es entspricht jedem ersten Element seines übergeordneten Elements eines bestimmten Typs. Es stellt nur dann das erste Element dar, wenn es das erste untergeordnete Element seines übergeordneten Elements ist. Es könnte mehr als ein übereinstimmendes Element finden, es würde jedoch nur ein einzelnes Element für jedes übergeordnete Element auswählen. Der erste Selektor ermöglicht die Auswahl des ersten Elements direkt innerhalb eines anderen Elements. Dieses Tutorial hebt die hervor JQuery erster Selektor mit einfachem Beispiel.

JQuery First Selector-Syntax

$(“:first”)

Es definiert den ersten Selektor, der das erste Element im Dokument auswählt.

Beispiel für den ersten JQuery-Selektor

<!doctype html>
<head>
<title>JQuery First Selector</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery First Selector Example</h2>
<style>
   .myclass
   {
      font-size:15px;
      color:red;
   }
</style>
<script>
   $(document).ready(function(){
      $("h3:first").css("color", "green");
   });
</script>
<body>
   <h3  >Hello World!!!</h3>
   <h3  >Welcome to JQuery.</h3>
   <h3  >It is JavaScript Library.</h3>
</body>
</html>
  • Wie im obigen Programm gezeigt, haben wir den Code in $(document).ready verwendet, bei dem es sich um ein Ereignis handelt, das ausgelöst wird, wenn das Dokument bereit ist. Es wird ausgeführt, sobald das Seitendokumentobjektmodell für die Ausführung von JavaScript-Code bereit ist.
  • $(„h3:first“).css(„color“, „green“); Zeile definiert den ersten Selektor, der das erste Element seines übergeordneten Elements im Dokument auswählt. Es verwendet die CSS-Farbeigenschaft, die das erste Element in der grünen Farbe anzeigt.
  • Wenn wir das obige Skript ausführen, erhalten wir die oben genannten Anweisungen im Browser, die unter dem Body-Tag definiert sind. Das erste Element wird in grüner Farbe angezeigt und die nächsten beiden Anweisungen werden in roter Farbe angezeigt, indem die Klasse myclass verwendet wird, die die Stileigenschaft für die Elemente im Satz übereinstimmender Elemente festlegt.

JQuery First Selector-Demo

Wenn Sie das obige Beispiel ausführen, erhalten Sie die folgende Ausgabe:

  • Führen Sie die JQuery First Selector-Demo aus

Beispiel für den ersten JQuery-Selektor

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen