jQuery中的siblings用法实例分析


Posted in Javascript onDecember 24, 2015

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

Javascript 相关文章推荐
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
JS设置cookie、读取cookie、删除cookie
Apr 17 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
JS实现加载和读取XML文件的方法详解
Apr 24 Javascript
js实现文字列表无缝滚动效果
Jun 23 Javascript
详解webpack性能优化——DLL
Oct 20 Javascript
11行JS代码制作二维码生成功能
Mar 09 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
JavaScript中reduce()的用法
May 11 Javascript
JQuery标签页效果实例详解
Dec 24 #Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 #Javascript
JQuery实现Ajax加载图片的方法
Dec 24 #Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 #Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 #Javascript
正则表达式优化JSON字符串的技巧
Dec 24 #Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 #Javascript
You might like
php 缩略图实现函数代码
2011/06/23 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
在Javascript中为String对象添加trim,ltrim,rtrim方法
2006/09/22 Javascript
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
JavaScript Date对象 日期获取函数
2010/12/19 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
2014/03/19 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
2014/10/19 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
Vue实现计算器计算效果
2020/08/17 Javascript
详解Python中的Descriptor描述符类
2016/06/14 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
python实现录制全屏和选择区域录屏功能
2021/02/05 Python
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
四年大学生活的个人自我评价
2013/12/11 职场文书
教师产假请假条
2014/04/10 职场文书
化工实习心得体会
2014/09/09 职场文书
2014学习优秀共产党员先进事迹思想汇报
2014/09/14 职场文书
预备党员转正意见
2015/06/01 职场文书
《夸父追日》教学反思
2016/02/20 职场文书
2016年保险公众宣传日活动总结
2016/04/05 职场文书