html中siblings方法,jQuery siblings()方法的用法

在前两节中，我们学习了用于查找兄弟元素的两组方法：

方法之外，jQuery 还为我们提供了另外一种不分前后的查找方法：siblings()。

语法：

$().siblings(selector)

selector 是一个选择器，用来查找符合条件的兄弟元素。selector 是一个可选参数，当参数省略时，表示选择所有兄弟元素；当参数没有省略时，表示选择满足条件的兄弟元素。

举例：不带参数的 siblings()

$(function(){

$("#cyuyan").siblings().css("color","red");

})

红：red
橙：orange
黄：yellow
绿：green
青：cyan
蓝：blue
紫：purple

预览效果如图 1 所示。

图 1：不带参数的 siblings() 方法的效果

$("#cyuyan").siblings()表示选取 id="cyuyan" 的元素所有的兄弟元素，这里的兄弟元素是不分前后的。这里要注意一下，siblings() 方法选取的兄弟元素不包括元素本身。(难道你和你自己是兄弟关系？)

举例：带参数的 siblings()

$(function(){

$("#cyuyan").siblings(".select").css("color","red");

})

红：red
橙：orange
黄：yellow
绿：green
青：cyan
蓝：blue
紫：purple

预览效果如图 2 所示。

图 2：带参数的 siblings() 方法的效果

$("#cyuyan").siblings(".select")表示选取 id="cyuyan" 的元素所有符合条件(即 class="select")的兄弟元素，这里的兄弟元素不分前后。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！

html中siblings方法,jQuery siblings()方法的用法相关推荐

如何在html中选择wrap,jQuery wrap()方法怎么用？
jQuery wrap()方法怎么用?下面本篇文章给大家介绍一下jQuery wrap()方法的使用.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. jQuery wrap()方法怎 ...
Vue中正确使用jQuery的方法
题主Vue小白,入门demo时想在其中使用jQuery(当然可能是不推荐的做法哈,毕竟俩儿的风格不一样,但万一你就需要呢 _^ ^_),结果遇到问题,最终倒腾解决. 编译报错:$ is undefin ...
jquery-自定义通用方法-jquery通用方法-所有对象的通用方法
$对象拓展方法定义方式 $.each({ 键:函数 })使用方式 $.键() >演示过程还记得$的each方法吗我们可以给$添加方法演示步骤: 初始,是没有pyhui这个方法的接下来, ...
玩转Jquery中的动画效果(animate方法)
jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画. 语法: $(selector).animate({params},speed,callba ...
jQuery 遍历方法
jQuery 遍历方法 jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃 ...
jquery ajax html方法吗,jQuery ajax方法
jQuery AJAX 方法 jQuery load() 方法是简单强大的AJAX方法.从服务器加载数据,并将数据显示在被选中元素中. 语法: $(selector).load(URL,data,ca ...
jquery 获取 radio值与 jQuery filter() 方法
1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked").val(); $ ...
jquery中siblings方法配合什么方法一起使用
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的.接下来通过本文给大家介绍jQuery siblings()用法实例详解,需要的朋友参考下吧 siblings() 获得匹 ...
jQuery siblings() 兄弟节点的方法
在DOM树中横向遍历在DOM树中有许多有用的jQuery方法可以横向遍历: siblings() next() nextAll() nextUntil() prev() prevAll() prev ...
解析Jquery取得iframe中元素的几种方法
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames[&quo ...

html中siblings方法,jQuery siblings()方法的用法

html中siblings方法,jQuery siblings()方法的用法相关推荐

最新文章

热门文章