Rumah > Artikel > hujung hadapan web > jquery中的>是什么意思
jquery中的>是什么意思
- 青灯夜游asal
- 2022-02-28 15:49:532122semak imbas
在jquery中，“>”是一个子元素选择器，该选择器只能选择某元素的子元素；语法“$("E > F")”，其中E为父元素，而F为子元素，表示的是选择了E元素下的全部子元素F。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，“>”指的是一个子元素选择器，是层次选择器的一种。
子元素选择器(E>F)只能选择某元素的子元素，其中E为父元素，而F为子元素，其中E>F所表示的是选择了Ｅ元素下的全部子元素Ｆ。
语法：
$("E > F")jQuery 中所有选择器都以美元符号开头：$()。
返回值：返回匹配的结果集
示例：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("#main > *").css("border", "3px double red");
});
</script>
<style>
body {
font-size: 14px;
}
span#main {
display: block;
background: yellow;
height: 110px;
}
button {
display: block;
float: left;
margin: 2px;
font-size: 14px;
}
div {
width: 90px;
height: 90px;
margin: 5px;
float: left;
background: #bbf;
font-weight: bold;
}
div.mini {
width: 30px;
height: 30px;
background: green;
}
</style>
</head>
<body>
<span id="main">
<div></div>
<button>Child</button>
<div class="mini"></div>
<div>
<div class="mini"></div>
<div class="mini"></div>
</div>
<div><button>Grand</button></div>
<div><span>A Span <em>in</em> child</span></div>
<span>A Span in main</span>
</span>
</body>
</html>分析：
$("#main > *").css("border", "3px double red");
将匹配span元素中的子元素，并且必须为子元素集合中的第一个元素，以下为匹配的元素（紫色）
【推荐学习：jQuery视频教程、web前端】
Atas ialah kandungan terperinci jquery中的>是什么意思. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery的选择器有哪些Artikel seterusnya：jquery怎么检查元素是否隐藏