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 相关文章推荐
extjs tabpanel限制选项卡数量实现思路及代码
Apr 02 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
教你如何使用node.js制作代理服务器
Nov 26 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
js简单判断移动端系统的方法
Feb 25 Javascript
js实现点击按钮复制文本功能
Jul 20 Javascript
vue服务端渲染缓存应用详解
Sep 12 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 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
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
PHP基于Redis消息队列实现发布微博的方法
2017/05/03 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
用JS控制回车事件的代码
2011/02/20 Javascript
如何编写高质量JS代码(续)
2015/02/25 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
遍历js中对象的属性和值的实例
2016/11/21 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
[02:11]2016国际邀请赛中国区预选赛最美TA采访现场玩家
2016/06/28 DOTA
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
python实现udp数据报传输的方法
2014/09/26 Python
Python中的super用法详解
2015/05/28 Python
django 修改server端口号的方法
2018/05/14 Python
python实现换位加密算法的示例
2018/10/14 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
python数据分析:关键字提取方式
2020/02/24 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
个人找工作自荐信格式
2013/09/21 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
颐和园导游词400字
2015/01/30 职场文书
2015年外联部工作总结
2015/04/03 职场文书
乒乓球比赛通知
2015/04/27 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
frg-100简单操作(设置)说明
2022/04/05 无线电