信鸽网

jQuery中的siblings用法实例分析

  作者：bea

本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下： 所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 <html><head> <script type="text/javascript" src="/jquery/jquery.js"></script></head><body><ul> <li&
本文实例讲述了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程序设计有所帮助。


有用  |  无用

猜你喜欢

您可能感兴趣的文章: