jQuery中的siblings()是什么意思?

siblings()方法返回被选元素的所有同级元素。并且可以使用可选参数来过滤对同胞元素的搜索。
同级元素是共享相同父元素的元素。

定义和用法
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。

语法
.siblings(selector)

参数 描述
selector 字符串值,包含用于匹配元素的选择器表达式。 字符串值,包含用于匹配元素的选择器表达式。

案例

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>siblings()测试</title><style>.red{color: red;}</style>
</head>
<body><ul><li>siblings案例测试</li><li>siblings案例测试</li><li>siblings案例测试</li><li>siblings案例测试</li><li>siblings案例测试</li></ul><script src="./js/jquery.min.js"></script><script>$('ul>li').click(function(){$(this).siblings('li').removeClass('red')// $(this).siblings().removeClass('red')$(this).addClass('red')})</script>
</body>
</html>

jQuery中的siblings()相关推荐

  1. JQuery中的事件以及动画

    嘿嘿,今天学习了JQuery的事件以及动画,感觉即将学习完JQuery,在回忆起上周学习的JavaScript,感觉好多刚刚学习的知识点都记得模 糊啦,这个是很让失望的,这里只说明了一点,课是听过啦, ...

  2. 45 jQuery中的常用API

    技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1.jQuery基础选择器 原生JS获取元素的方式很多.很杂,而且兼容性情况不一致.因此, ...

  3. jQuery中 对标签元素操作(2)

    一.属性操作 1.获取属性和设置属性 例如下jQuery代码: var $para=$("p");           //获取<p>节点 var p_txt=$par ...

  4. jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)

    第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...

  5. jQuery框架学习第二天:jQuery中万能的选择器

    jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...

  6. jquery 获取id最大的元素_超全整理!JQuery中的选择器集合

    JQuery的选择器总结 选择器是获取元素并进行操作的一种方式,在使用CSS选择器时,开发人员有时候需要考虑浏览器是否支持某些选择器.而在JQuery中,使用选择器则不需要考虑这些问题,与传统的JS获 ...

  7. jQuery 基础教程 (四)之jQuery中的DOM操作

    一.jQuery 中的 DOM 操作 (1)DOM(Document Object Model-文档对象模型):一 种与浏览器, 平台, 语言无关的接口, 使用该接口可以 轻松地访问页面中所有的标准组 ...

  8. jQuery中的事件机制与DOM操作

    jQuery事件机制 jQuery的事件机制,指的是jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定.事件解绑.事件触发. 下面我们先来回顾一下事件的几种类型. 事件 描述 c ...

  9. Java折叠_[Java教程]Jquery中菜单的展开和折叠

    [Java教程]Jquery中菜单的展开和折叠 0 2018-08-15 16:03:38 标签内容 您好:alee 宿舍管理员 密码管理 修改密码 宿舍管理 学生宿舍查询 学生宿舍新增 学生宿舍分配 ...

  10. jQuery学习(十二)—jQuery中对象的查找方法总结

    jQuery学习(十二)-jQuery中对象的查找方法总结 一.find方法 作用:在元素1中查找元素2,类似于选择器中的后代选择器 格式:元素1.find(元素2),元素2为CSS选择器或者jQue ...

最新文章

  1. 题目1444:More is better
  2. 2.4-2.5、Hive整合(整合Spark、整合Hbase)、连接方式Cli、HiveServer和hivemetastore、Squirrel SQL Client等
  3. C++ 如何一次在堆上申请4G的内存?如何设计一个类只能在堆或者栈上创建对象?
  4. 缓存穿透、缓存雪崩、redis并发
  5. matlab armax 无法识别,求教:Java调用系统辨识工具箱内的armax函数出错
  6. Olympic Games -basketball
  7. thinkphp 关联模型配置代码
  8. 007-卷积神经网络03-前向传播-反向传播
  9. 用VB.net实现对.ini文件的读写操作的类
  10. 使用delphi 开发多层应用(十四)使用Basic4android 显示kbmMW server数据
  11. 2021年第十届“认证杯“数学中国数学建模国际赛(小美赛
  12. 关于华为宣讲的一些感悟
  13. Arduino射频识别RC522至数据库
  14. 云桌面服务器+搭建,搭建自己的云桌面服务器
  15. unity 打包时 StreamingAssets文件的数目过多
  16. 计算机显示器分辨率,电脑显示器分辨率调多少合适
  17. java学习day10(Java基础)特殊类
  18. cpu 关闭nx_AMD夺取武林盟主宝座(2020年1月CPU天梯图)
  19. 抖音怎么知道自己上热门 手机视频md5值修改
  20. Tika解析rar文件

热门文章

  1. html css 忽略,HTML与CSS中易被忽略的基础知识点
  2. 三层交换机配置实现不同网络互通
  3. 【Git】Conventional Commit 约定式提交规范
  4. Duplicated tag: ‘dependencies‘报错
  5. 【PHP攻城狮】【前端面试】【Vue.2x】【黑苹果】【创造力】| Chat · 预告
  6. 自制ADK To Win11PE,加入原生explorer,初步修改注册表(图文1.1万字,很细) (2)
  7. ios隐私政策_新的iOS 14已经揭露了严重的隐私问题
  8. Self-Supervised Learning of Pretext-Invariant Representation
  9. 使用 NetCat 工具实现远程文件传输
  10. centos6 yum安装nginx