siblings()来源gaodaimacom搞#^代%!码网方法是jQuery中的一个内置的方法，sibling()是jQuery中的一个内置方法，用于查找所选元素的所有兄弟（同级）元素，即那些在DOM树中具有相同父元素的元素。
siblings()方法返回被选元素的所有同级元素；它沿着DOM元素的同级元素向前和向后遍历。
语法：
$(selector).siblings(filter)
selector表示将要找到其兄弟姐妹的选定元素。
参数：接受一个可选参数"filter"，规定缩小搜索同级元素范围的选择器表达式。
返回值：返回所选元素的所有兄弟节点。
示例1：给h2元素的所有兄弟（同级）元素添加边框
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.sib * {
display: block;
border: 2px solid lightgray;
color: black;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script >
$(document).ready(function() {
$("h2").siblings().css({
"color": "black",
"border": "2px solid green"
});
});
</script>
</head>
<body class="sib">
<div>
这是父元素！！！
<p>这是段落！！！</p>
<span>这是span盒子！！！</span>
<h2>这是h2元素！</h2>
<h3>这是h3元素！</h3>
</div>
</body>
</html>
示例2：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.sib * {
display: block;
border: 2px solid lightgray;
color: black;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script >
$(document).ready(function() {
$("h2").siblings('span').css({
"color": "black",
"background-color": "pink"
});
});
</script>
</head>
<body class="sib">
<div>
这是父元素！！！
<p>这是段落！！！</p>
<span>span元素!!!</span>
<h2>这是h2元素！</h2>
<span>span元素!!!</span>
<h3>这是h2元素！</h3>
<span>span元素!!!</span>
<p>这是段落！！！</p>
<span>span元素!!!</span>
<p>这是段落！！！</p>
</div>
</body>
</html>
在上面的代码中，选择了“h2”元素中所以名称为“span”的兄弟元素。
说明：该方法的可选参数用于过滤搜索兄弟元素。
以上就是jQuery的siblings()方法怎么用？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jQuery的siblings()方法怎么用？
转载请注明原文链接：jQuery的siblings()方法怎么用？
