children([selector])
优质
小牛编辑
128浏览
2023-12-01
描述 (Description)
children( [selector] )方法获取一组元素,其中包含每个匹配元素集的所有唯一直接子元素。
语法 (Syntax)
以下是使用此方法的简单语法 -
<i>selector</i>.children( [selector] )
参数 (Parameters)
以下是此方法使用的所有参数的说明 -
selector - 这是一个可选参数,用于过滤掉所有子项。 如果没有提供,则选择所有儿童。
例子 (Example)
以下是一个简单的例子,简单地显示了这种方法的用法 -
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").children(".selected").addClass("blue");
});
</script>
<style>
.blue { color:blue; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class = "selected">Hello Again</p>
<div class = "selected">And Again</div>
<p class = "biggest">And One Last Time</p>
</div>
</body>
</html>
这将对所有具有每个div“选定”类别的孩子应用蓝色,如下所示 -
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").children(".selected").addClass("blue");
});
</script>
<style>
.blue { color:blue; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class = "blue">Hello Again</p>
<div class = "blue">And Again</div>
<p class = "biggest">And One Last Time</p>
</div>
</body>
</html>