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 相关文章推荐
js parsefloat parseint 转换函数
Jan 21 Javascript
jquery isType() 类型判断代码
Feb 14 Javascript
基于jQuery的弹出框插件
Mar 18 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
vue cli webpack中使用sass的方法
Feb 24 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 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 cookies中删除的一般赋值方法
2011/05/07 PHP
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
JavaScript Accessor实现说明
2010/12/06 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
微信小程序 商城开发(ecshop )简单实例
2017/04/07 Javascript
js实现图片轮播效果学习笔记
2017/07/26 Javascript
JavaScrip数组删除特定元素的几种方法总结
2017/09/06 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
Python合并多个装饰器小技巧
2015/04/28 Python
python实现的系统实用log类实例
2015/06/30 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
python爬取酷狗音乐排行榜
2019/02/20 Python
Python文件读写常见用法总结
2019/02/22 Python
详解如何在cmd命令窗口中搭建简单的python开发环境
2019/08/29 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
Django如何实现密码错误报错提醒
2020/09/04 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
美国牛仔品牌:True Religion
2018/11/16 全球购物
化妆师职业生涯规划书
2014/02/16 职场文书
教师节促销方案
2014/03/22 职场文书
婚内分居协议书范文
2014/11/26 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
单位更名证明
2015/06/18 职场文书
家长对孩子的寒假评语
2015/10/09 职场文书
Python3 类型标注支持操作
2021/06/02 Python