手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中的siblings用法实例分析
jQuery中的siblings用法实例分析
摘要:本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考,具体如下:所谓siblings,英文翻译就是兄弟节点。那么故名思意...

本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考,具体如下:

所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟节点(不包括自己)。

<html> <head> <script type="text/javascript" src="http://www.jb51.netjquery/jquery.js"></script> </head> <body> <ul> <li>li1</li> <li>li2</li> <li id="li3">li3</li> <li>li4</li> <li>li5</li> </ul> <script> $("#li3").siblings("li").css("backgroundcolor", "yellow"); </script> </body> </html>

我们还知道,

复制代码 代码如下:$("#li3").siblings("li").css("backgroundcolor", "yellow")

在本例中可以写成

复制代码 代码如下:$("#li3").siblings().css("backgroundcolor", "yellow")

默认拿和它自己相同的兄弟元素。

希望本文所述对大家jQuery程序设计有所帮助。

【jQuery中的siblings用法实例分析】相关文章:

JQuery中DOM事件冒泡实例分析

javascript中DOM复选框选择用法实例

javascript委托(Delegate)blur和focus用法实例分析

javaScript中slice函数用法实例分析

Jquery使用css方法改变样式实例

Javascript中For In语句用法实例

JQuery中DOM事件合成用法实例分析

jQuery构造函数init参数分析续

Javascript中With语句用法实例

javascript带回调函数的异步脚本载入方法实例分析

精品推荐
分类导航