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 相关文章推荐
取得父标签
Nov 14 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 Javascript
密码强度检测效果实现原理与代码
Jan 04 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
React操作真实DOM实现动态吸底部的示例
Oct 23 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
webpack4 CSS Tree Shaking的使用
Sep 03 Javascript
jQuery中DOM操作原则实例分析
Aug 01 jQuery
Element Carousel 走马灯的具体实现
Jul 26 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编写的SVN类
2013/07/18 PHP
thinkphp模板用法和内容输出实例
2014/11/28 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
php-msf源码详解
2017/12/25 PHP
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
JavaScript实现图片无缝滚动效果
2017/07/07 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
2017/07/24 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
微信小程序实现刷脸登录
2018/05/25 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
Windows中使用wxPython和py2exe开发Python的GUI程序的实例教程
2016/07/11 Python
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
python自动化测试之DDT数据驱动的实现代码
2019/07/23 Python
django-初始配置(纯手写)详解
2019/07/30 Python
使用python客户端访问impala的操作方式
2020/03/28 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
星空联盟C# .net笔试题
2014/12/05 面试题
车间班长岗位职责
2013/11/30 职场文书
新闻编辑求职信
2014/04/09 职场文书
《理想的风筝》教学反思
2014/04/11 职场文书
我的理想演讲稿
2014/04/30 职场文书
贷款委托书怎么写
2014/08/02 职场文书
信仰心得体会
2014/09/05 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
运动会报道稿300字
2014/10/02 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
Mysql文件存储图文详解
2021/06/01 MySQL
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL