Heim > Artikel > Web-Frontend > jquery-Mehrfachselektor zum Auswählen mehrerer Elemente
In jQuery können Sie mehrere Auswahlmöglichkeiten auswählen, indem Sie Zeichen durch Kommas trennen.
Zum Beispiel:
$(.class1, .class2, #id1)
Im obigen Beispiel wird der Klassenname class1 und Alle ausgewählt Elemente mit Klasse2 und ID 1.
Jquery-Instanz:
Im folgenden Beispiel werden alle Elemente mit dem Klassennamen p1 und dem Klassennamen p2 und der ID div3 dynamisch hinzugefügt. Roter Rand.
<html> <head> <title>select mutiple elements example</title> <script type="text/javascript" src="../jquery-1.11.1.min.js"></script> </head> <script type="text/javascript"> $(document).ready(function(){ $(".p1,.p3,#div3").css("border","2px solid red"); }); </script> <body> <h1>select mutiple element example</h1> <p class="p1">P1</p> <p class="p2">P2</p> <p class="p3">P3</p> <p class="p4">P4</p> <div id="div1">DIV1</div> <div id="div2">DI2</div> <div id="div3">DI2</div> <div id="div4">DI2</div> </body> </html>
Wirkung:
Mehr JQuery-Multiselektor zum Auswählen mehrerer Elemente im Zusammenhang mit Artikeln Bitte beachten Sie PHP chinesische Website!