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 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
JS 控制非法字符的输入代码
Dec 04 Javascript
javascript与jquery中跳出循环的区别总结
Nov 04 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
微信小程序项目实践之验证码倒计时功能
Jul 18 Javascript
Vue绑定内联样式问题
Oct 17 Javascript
Nest.js散列与加密实例详解
Feb 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
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
树型结构列出指定目录里所有文件的PHP类
2006/10/09 PHP
PHP分页显示制作详细讲解
2008/11/19 PHP
如何使用php输出时间格式
2013/08/31 PHP
PHP IE中下载附件问题解决方法
2014/01/07 PHP
PHP删除数组中指定值的元素常用方法实例分析【4种方法】
2018/08/21 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
JS定时器实例
2013/04/17 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
js制作支付倒计时页面
2016/10/21 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
薪资那么高的Web前端必看书单
2017/10/13 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
python实现读取命令行参数的方法
2015/05/22 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
浅谈python常用程序算法
2019/03/22 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python实现复制文件到指定目录
2019/10/16 Python
Django实现图片上传功能步骤解析
2020/04/22 Python
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
护理专业毕业生推荐信
2013/10/31 职场文书
机械设计专业应届生求职信
2013/11/21 职场文书
基层工作经历证明
2014/01/13 职场文书
教师专业自荐书范文
2014/02/10 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
优秀少先队员主要事迹材料
2014/05/28 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
诚实守信主题班会
2015/08/13 职场文书