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之水平横向滚动歌词同步的应用
May 07 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
React 使用Hooks简化受控组件的状态绑定
Mar 18 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 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
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
使用mini-define实现前端代码的模块化管理
2014/12/25 Javascript
jQuery处理图片加载失败的常用方法
2015/06/08 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
javascript实现自动填写表单实例简析
2015/12/02 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
2016/11/10 Javascript
js实现倒计时效果(小于10补零)
2017/03/08 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
http请求 request失败自动重新尝试代码示例
2018/01/25 Python
python线程的几种创建方式详解
2019/08/29 Python
python处理RSTP视频流过程解析
2020/01/11 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
css3中检验表单的required,focus,valid和invalid样式
2014/02/21 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
贝斯特韦斯特酒店集团官网:Best Western
2019/01/03 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
Linux常见面试题
2016/10/04 面试题
质检员的岗位职责
2013/11/15 职场文书
信息专业个人的自我评价
2013/12/27 职场文书
新法人代表任命书
2014/06/06 职场文书
个人租房协议书范本
2014/09/30 职场文书
早恋主题班会
2015/08/14 职场文书
村官2015年度工作总结
2015/10/14 职场文书
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript
Python使用pyecharts控件绘制图表
2022/06/05 Python
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS