So wählen Sie mehrere Elemente mit dem JQuery Selector aus

Es ist möglich, mehrere Elemente auszuwählen, indem Sie verwenden jQuery-Selektor. Wie wir bereits wissen, wählt der Wildcard-Selektor * alle Elemente im Dokument aus. Die jQuery ermöglicht die Auswahl mehrerer Elemente, die der Benutzer im Dokument auswählen möchte. Wir können eine beliebige Anzahl von Elementen angeben, die durch ein Komma getrennt sind, wodurch alle Elemente zusammengefasst und als einzelnes Ergebnis angezeigt werden.

JQuery-Mehrfachselektor-Syntax

$(“element1, element2...elementN”);

Es enthält eine Reihe von Elementen, die alle Elemente im Dokument kombinieren und in einem einzigen Ergebnis anzeigen.

Beispiel für einen JQuery-Mehrfachselektor

<!doctype html>
<head>
<title>JQuery multpile elements Selection</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<h2>JQuery multpile elements Selection Example</h2>
<script type="text/javascript">
   $(document).ready(function(){
	$("h3,h4,span,div").css("border-style", "double");
   });
</script>
<body>
   <h3>Hello world!!!</h3>
   <h3>jQuery is a JavaScript Library.</h3>
   <div>jQuery simplifies JavaScript programming.</div>
   <h4>It is also called universal selector...</h4>
   <p>jQuery is a lightweight,<span>write less, do more</span> JavaScript library.</p>
   <h5>It is easy to learn.</h5>
</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,h4,span,div“).css(“border-style“, „double“); Die Anweisung definiert mehrere Elemente wie h3-, h4-, span- und div-Elemente. Es verwendet die CSS-Rahmeneigenschaft, die angibt, welche Art von Rahmen angezeigt werden soll. Hier werden die beiden Rahmen angezeigt, wie im Wert für den Rahmenstil angegeben.

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

  • Führen Sie diese Demo aus

JQuery-Mehrfachelementauswahl

Kommentar verfassen

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

Nach oben scrollen