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 相关文章推荐
无阻塞加载脚本分析[全]
Jan 20 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
JSON辅助格式化处理方法
Mar 26 Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
AngualrJs清除定时器遇到的坑
Oct 13 Javascript
详解开发react应用最好用的脚手架 create-react-app
Apr 24 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
原生JS实现手动轮播图效果实例代码
Nov 22 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配置心得包含MYSQL5乱码解决
2006/11/20 PHP
dedecms系统常用术语汇总
2007/04/03 PHP
php setcookie(name, value, expires, path, domain, secure) 参数详解
2013/06/28 PHP
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
PHP怎么实现网站保存快捷方式方便用户随时浏览
2013/08/15 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
一个基于jquery的文本框记数器
2012/09/19 Javascript
关于JS控制代码暂停的实现方法分享
2012/10/11 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
innerHTML中标签可以换行的方法汇总
2015/08/14 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
2016/11/30 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
Vue登录注册并保持登录状态的方法
2018/08/17 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
Vue发布订阅模式实现过程图解
2020/04/30 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
[01:05:40]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第三场
2014/05/24 DOTA
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
用Python和MD5实现网站挂马检测程序
2014/03/13 Python
python写xml文件的操作实例
2014/10/05 Python
Python文件读取的3种方法及路径转义
2015/06/21 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
金融行业职业生涯规划范文
2014/01/17 职场文书
大二法学专业职业生涯规划范文
2014/02/12 职场文书
公务员检讨书
2014/11/01 职场文书
颐和园导游词
2015/01/30 职场文书
实习班主任自我评价
2015/03/11 职场文书
2016八一建军节慰问信
2015/11/30 职场文书