首页 > web前端 > js教程 > jQuery中的siblings用法实例分析_jquery

jQuery中的siblings用法实例分析_jquery

WBOY
发布: 2016-05-16 15:23:40
原创
1521 人浏览过

本文实例讲述了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程序设计有所帮助。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板