jQuery中的siblings用法实例分析
时间:2021-06-10 08:24:27|栏目:jquery|点击: 次
本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考,具体如下:
所谓siblings,英文翻译就是兄弟节点。那么故名思意,就是拿到某元素的兄弟节点(不包括自己)。
<html> <head> <script type="text/javascript" src="/jquery/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特殊符号转义的实现
栏 目:jquery
下一篇:jQuery 无刷新分页实例代码
本文地址:http://www.codeinn.net/misctech/139176.html