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 相关文章推荐
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
Apr 21 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 Javascript
JS倒计时代码汇总
Nov 25 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
JavaScript用JSONP跨域请求数据实例详解
Jan 06 Javascript
JavaScript数据结构中栈的应用之表达式求值问题详解
Apr 11 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
使用ES6语法重构React代码详解
May 09 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
Oct 14 Javascript
vue之debounce属性被移除及处理详解
Nov 13 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 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下获取http状态的实现代码
2014/05/09 PHP
php开发工具有哪五款
2015/11/09 PHP
JavaScript改变HTML元素的样式改变CSS及元素属性
2013/11/12 Javascript
把jQuery的类、插件封装成seajs的模块的方法
2014/03/12 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
谈谈JavaScript数组常用方法总结
2017/01/24 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
javascript触发模拟鼠标点击事件
2019/06/26 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
python人人网登录应用实例
2014/09/26 Python
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python实用技巧之利用元组代替字典并为元组元素命名
2018/07/11 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
python中使用np.delete()的实例方法
2021/02/01 Python
MySQL面试题目集锦
2016/04/14 面试题
岗位职责的定义
2013/11/10 职场文书
妇产医师自荐信
2014/01/29 职场文书
个人校本研修方案
2014/05/26 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
2014年信息技术工作总结
2014/12/16 职场文书
结婚老公保证书
2015/02/26 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技