Heim > Artikel > Web-Frontend > So verwenden Sie das Größer-als-Zeichen im JQuery-Selektor
So verwenden Sie das Größer-als-Zeichen im JQuery-Selektor
- WBOYOriginal
- 2022-06-14 18:27:431930Durchsuche
In jquery wird das Größer-als-Zeichen im Selektor verwendet, um die untergeordneten Elemente unter dem angegebenen Element auszuwählen. Die Syntax lautet „$(“parent element>child element“).jquery method (...)“; Als Zeichen bedeutet, dass die untergeordneten Elemente der ersten Ebene unter dem angegebenen Element abgerufen werden, nicht alle untergeordneten Elemente.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.
So verwenden Sie das Größer-als-Zeichen im JQuery-Selektor
> Der Selektor stimmt mit den untergeordneten Elementen der ersten Ebene des angegebenen Elements überein, nicht mit allen untergeordneten Elementen.
Erweiterte Kenntnisse:
$(this) Aktuelles HTML-Element
-
$("p") Alle
-Elemente
-
$("p.intro") Alle class="intro" Das
Elemente
$(".intro") Alle Elemente mit class="intro"
$("#intro") Elemente mit id="intro"
$(" ul li:first") Das erste
- -Element jedes
$("[href$='.jpg']") Alle Attribute, die mit ".jpg" enden Das href-Attribut des Werts
-
$("div#intro .head") Alle Elemente mit class="head" im
-Element mit id="intro"Das Beispiel lautet wie folgt:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#box>div").css("background-color","green"); }); </script> <style type="text/css"> #box{ width:300px; height:200px; background:black; } #middle{ width:200px; height:150px; background:red; margin:0px auto; } #inner{ width:100px; height:100px; background:blue; margin:0px auto; } </style> </head> <body> <div id="box"> <div id="middle"> <div id="inner"></div> </div> </div> </body> </html>Ausgabeergebnis :
Video-Tutorial Empfohlen: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Größer-als-Zeichen im JQuery-Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!