Beispiel für einen JQuery-ID-Selektor

Der JQuery-ID-Selektor wählt Elemente mit dem angegebenen ID-Attribut aus. Es stellt das Tag mit der angegebenen ID im Dokumentobjektmodell dar. Der ID-Selektor ist ein Name, dem ein Hash-Zeichen (#) vorangestellt ist. Der ID-Selektor gleicht ein Element anhand des Inhalts des angegebenen ID-Attributs ab, der genau mit dem im Selektor angegebenen Wert übereinstimmt.

Es ist auch möglich, Stile für Elemente mithilfe des id-Attributs festzulegen. Wenn wir ein Element mit einer speziell benannten ID angegeben haben und keinen Klassennamen angehängt haben, der definiert, was wir auswählen möchten, können wir die ID-Auswahl nutzen. Die ID kann verwendet werden, um ein Element im DOM auszuwählen. Wenn wir mehr als einmal verwenden, wählt diese ID das erste übereinstimmende Element im DOM aus.

JQuery-ID-Selektor-Syntax

$(“#id”);

Der Parameter „id“ ist ein erforderlicher Parameter, der alle Elemente mit dem angegebenen id-Attribut auswählt.

Beispiel für einen JQuery-ID-Selektor

<!doctype html>
<head>
<title>JQuery Id Selector</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery Id Selector Example</h2>
<style>
   h4#myval{
      border-style:groove;
   }
</style>
<script type="text/javascript">
   $(document).ready(function(){
      $("#myval").css("color", "green");
   });
</script>
<body>
   <h4>Hello world!!!</h4>
   <h4 id="myval">jQuery is a JavaScript Library.</h4>
   <h4>The jQuery simplifies JavaScript programming.</h4>
</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.
$(„#meineKlasse“).css(„Farbe“, „Grün“); Zeile definiert den ID-Selektor, der das Element mit einem bestimmten ID-Attribut auswählt und das ausgewählte Element in grüner Farbe anzeigt.
Wenn wir das obige Skript ausführen, erhalten wir alle unter dem Body-Tag definierten Elemente. Der ID-Selektor manipuliert die ihm zugewiesenen Elemente. Hier ist das ID-Attribut myval, das dem Element genau mit dem im Selektor angegebenen Wert entspricht, und das ausgewählte Element wird mit gerilltem Rand angezeigt.