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吗?
Feb 24 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
Nov 07 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 Javascript
全面解析JavaScript Module模式
Jul 24 Javascript
Vue 根据条件判断van-tab的显示方式
Aug 03 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 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
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
利用Ffmpeg获得flv视频缩略图和视频时间的代码
2011/09/15 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
jQuery实用技巧必备(下)
2015/11/03 Javascript
JavaScript数据结构与算法之集合(Set)
2016/01/29 Javascript
浅谈Vue.js
2017/03/02 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
jQuery-ui插件sortable实现自由拖动排序
2018/12/01 jQuery
vue 项目接口管理的实现
2019/01/17 Javascript
简单了解vue中的v-if和v-show的区别
2019/10/08 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
说一说Python logging
2016/04/15 Python
python字符串中的单双引
2017/02/16 Python
python僵尸进程产生的原因
2017/07/21 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
wxpython实现图书管理系统
2018/03/12 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
百思买美国官网:Best Buy
2016/07/28 全球购物
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
打印机墨盒:123Inkjets
2017/02/16 全球购物
一组SQL面试题
2016/02/15 面试题
公关关系专员的自我评价分享
2013/11/20 职场文书
4s店总经理岗位职责
2013/12/31 职场文书
经典团队口号
2014/06/06 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
Django drf请求模块源码解析
2021/06/08 Python
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers