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中的字符串操作详解
Nov 12 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
详解cordova打包成webapp的方法
Oct 18 Javascript
浅谈vue-router路由切换 组件重用挖下的坑
Nov 01 Javascript
Vite + React从零开始搭建一个开源组件库
Jun 25 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
thinkPHP3.1验证码的简单实现方法
2016/04/22 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
JQuery为textarea添加maxlength属性的代码
2010/04/07 Javascript
Javascript Object.extend
2010/05/18 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
客户端js性能优化小技巧整理
2013/11/05 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
Node.js模拟浏览器文件上传示例
2014/03/26 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
js实现String.Fomat的实例代码
2016/09/02 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
2017/06/26 jQuery
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
详解vue 项目白屏解决方案
2018/10/31 Javascript
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
python实现排序算法
2014/02/14 Python
35个Python编程小技巧
2014/04/01 Python
详解Python中dict与set的使用
2015/08/10 Python
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
python3.6.3转化为win-exe文件发布的方法
2018/10/31 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
Python高级编程之继承问题详解(super与mro)
2019/11/19 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
Windows和Linux动态库应用异同
2016/07/28 面试题
请说出以下代码输出什么
2013/08/30 面试题
装修活动策划方案
2014/08/27 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python