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 相关文章推荐
chrome原生方法之数组
Nov 30 Javascript
js性能优化 如何更快速加载你的JavaScript页面
Mar 17 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
VueJS组件之间通过props交互及验证的方式
Sep 04 Javascript
vue组件发布到npm简单步骤
Nov 30 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
vue element upload实现图片本地预览
Aug 20 Javascript
详解用async/await来处理异步
Aug 28 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 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
真正面向对象编程:PHP5.01发布
2006/10/09 PHP
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
javascript中类的定义方式详解(四种方式)
2015/12/22 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
vue select选择框数据变化监听方法
2018/08/24 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
原生Vue 实现右键菜单组件功能
2019/12/16 Javascript
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
Python3实现从文件中读取指定行的方法
2015/05/22 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
详解Python异常处理中的Finally else的功能
2017/12/29 Python
Python数据分析之获取双色球历史信息的方法示例
2018/02/03 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
pycharm安装及如何导入numpy
2020/04/03 Python
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
物流管理专业大学生自荐信
2013/10/04 职场文书
工程力学硕士生的自我评价范文
2013/11/16 职场文书
制衣厂各岗位职责
2013/12/02 职场文书
四年级学生评语大全
2014/04/21 职场文书
绿色环保演讲稿
2014/05/10 职场文书
标准毕业生自荐信
2014/06/24 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
贫困证明书范文
2015/06/16 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
MySQL 查询速度慢的原因
2021/05/25 MySQL
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL
MySQL RC事务隔离的实现
2022/03/31 MySQL
原生JS实现分页
2022/04/19 Javascript