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 相关文章推荐
javascript new 需不需要继续使用
Jul 02 Javascript
JavaScript的document对象和window对象详解
Dec 30 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
Jun 20 Javascript
avalon js实现仿微博拖动图片排序
Aug 14 Javascript
jquery跟随屏幕滚动效果的实现代码
Apr 13 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
使用jQuery实现购物车结算功能
Aug 15 jQuery
js中console在一行内打印字符串和对象的方法
Sep 10 Javascript
js回调函数仿360开机
Dec 26 Javascript
npm qs模块使用详解
Feb 07 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
PHP Document 代码注释规范
2009/04/13 PHP
PHP中对缓冲区的控制实现代码
2013/09/29 PHP
php性能分析之php-fpm慢执行日志slow log用法浅析
2016/10/17 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
2016/11/05 PHP
PHP中list方法用法示例
2016/12/01 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
javascript下过滤数组重复值的代码
2007/09/10 Javascript
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
js实现无缝滚动图
2017/02/22 Javascript
jQuery布局组件EasyUI Layout使用方法详解
2017/02/28 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
Vue.js实现表格渲染的方法
2018/09/07 Javascript
JS实现省市县三级下拉联动
2020/04/10 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
Python 元类使用说明
2009/12/18 Python
Python中IPYTHON入门实例
2015/05/11 Python
用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动
2015/11/05 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
python异常触发及自定义异常类解析
2019/08/06 Python
django 自定义过滤器(filter)处理较为复杂的变量方法
2019/08/12 Python
Python调用Windows命令打印文件
2020/02/07 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
使用canvas实现黑客帝国数字雨效果
2020/01/02 HTML / CSS
趣味比赛活动方案
2014/02/15 职场文书
医学院毕业生自荐信范文
2014/03/06 职场文书
师范生求职自荐信
2014/06/14 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
儿园租房协议书范本
2014/12/02 职场文书
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL