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.
> 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
$("[href$='.jpg']") Alle Attribute, die mit ".jpg" enden Das href-Attribut des Werts
$("div#intro .head") Alle Elemente mit class="head" im
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!
