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 相关文章推荐
window.dialogArguments 使用说明
Apr 11 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
Jan 15 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
javascript:history.go()和History.back()的区别及应用
Nov 25 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
Windows8下搭建Node.js开发环境教程
Sep 03 Javascript
jquery结婚电子请柬特效源码分享
Aug 21 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
同步文本框内容JS代码实现
Aug 04 Javascript
jQuery插件echarts去掉垂直网格线用法示例
Mar 03 Javascript
详细分析单线程JS执行问题
Nov 22 Javascript
Vue分页插件的前后端配置与使用
Oct 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
用PHP发电子邮件
2006/10/09 PHP
php使用百度天气接口示例
2014/04/22 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
浅谈Angular单元测试总结
2019/03/22 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
pandas数值计算与排序方法
2018/04/12 Python
python3安装speech语音模块的方法
2018/12/24 Python
使用pip安装python库的多种方式
2019/07/31 Python
俄罗斯香水和化妆品购物网站:Л’Этуаль
2018/05/10 全球购物
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
药学专业毕业生求职信
2013/10/20 职场文书
车间班长岗位职责
2013/11/30 职场文书
项目管理计划书
2014/01/09 职场文书
企业员工培训感言
2014/02/26 职场文书
双拥工作宣传标语
2014/06/26 职场文书
升学宴学生答谢词
2015/01/05 职场文书
2015年导购员工作总结
2015/04/25 职场文书
数据结构课程设计心得体会
2016/01/15 职场文书
小学生作文写作技巧100例,非常实用!
2019/07/08 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
Python list去重且保持原顺序不变的方法
2021/04/03 Python
Java使用jmeter进行压力测试
2021/07/09 Java/Android
python ConfigParser库的使用及遇到的坑
2022/02/12 Python
R9700摩机记
2022/04/05 无线电
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技