<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.5.1.js"></script>
<script>
//查找所有兄弟元素
//.siblings(selector) 带参数
$(function () {
$("#sel").siblings(".select").css("color","blue");
});
/*
$("#sel").siblings(".select"),表示选取id=sel的元素所有
符合条件的兄弟元素,兄弟元素不分先后。
*/
/*
习题
1.在jQuery中,如果想要查找某一个元素所有的兄弟元素,应该使用()方法实现
a.prev()
b.next()
c.siblings()
d.prevAll
2.在jQuery中,如果想要查找当前元素所有的后代元素,应该使用()方法实现
a.children()
b.find()
c.childrens()
d.contents()
3.下面有关jQuery查找方法的说法中,不正确的是()
a.children()方法不仅可以查找子元素,还可以查找其他后代元素
b.find()方法可以查找所有的后代元素
c.next()方法返回的是一个元素,nextAll()方法返回的是一个集合
d.parent()方法只能查找当前元素的父元素
4.下面有一段代码,其中$(".first").nextAll()可以等价于()。
<script1>
$(function)
{
$(".first").nextAll().css("color","blue");
}
</script1>
<body>
<ul>
<li class="first"></li>
<li class="second"></li>
<li class="third"></li>
</ul>
</body>
------------------
a.$(".first li")
b.$(".first>li")
c.$(".first~li")
d.$(".first+li")
答案:
1C 2B 3A 4D
*/
</script>
</head>
<body>
<ul>
<li>红:red</li>
<li class="select">橙:orange</li>
<li>黄:yellow</li>
<li id="sel">绿:green</li>
<li>青:cyan</li>
<li class="select">蓝:blue</li>
<li>紫:purple</li>
</ul>
</body>
</html>