jQuery中的siblings()是什么意思(推荐)

定义和用法

jQuery siblings() 方法返回被选元素的所有同胞元素，并且可以使用可选参数来过滤对同胞元素的搜索。

实例演示：点击某个li标签后将其设置为红色，而其所有同胞元素去除红色样式。

1.创建Html元素

<div class="box">
  <span>点击li元素设置红色并去除其余所有同胞元素的红色样式：</span>
  <div class="content">
    <li>栗子</li>
    <li>李子</li>
    <li>梨子</li>
    <li>荔枝</li>
  </div>  
</div>

2.设置css样式：

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{padding:10px;}
.red{color:red;}

3.编写jquery代码

$(function(){
  $("li").click(function() {
    $(this).addClass('red');  // 设置被点击元素为红色
    $(this).siblings('li').removeClass('red'); // 去除所有同胞元素的红色样式
  })
})

4.观察效果：点击李子，李子呈红色，其余li元素正常

以上所述是小编给大家介绍的jQuery中的siblings()是什么意思(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # siblings  # jquery siblings获取同辈元素用法实例分析  # 浅谈jquery中next与siblings的区别  # 有关jQuery中parent()和siblings()的小问题  # jQuery siblings()用法实例详解  # jquery遍历函数siblings()用法实例  # jQuery中的siblings用法实例分析  # jQuery中siblings()方法用法实例  # jquery next nextAll nextUntil siblings的区别介绍  # jQuery prev ~ siblings选择器使用介绍  # jquery 层次选择器siblings与nextAll的区别介绍  # 仿jQuery的siblings效果的js代码  # jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例  # 小编  # 在此  # 将其  # 给大家  # 可以使用  # 可选  # 设置为  # 所述  # 给我留言  # 而其  # 感谢大家  # 疑问请  # 有任何  # content  # span  # div  # box  # gt  # width  # css 

相关文章： 活动邀请函制作网站有哪些,活动邀请函文案？  C#如何序列化对象为XML XmlSerializer用法  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  ppt制作免费网站有哪些,ppt模板免费下载网站？  建站之星在线客服如何快速接入解答？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何选择高性价比服务器搭建个人网站？  建站之星×万网：智能建站系统+自助建站平台一键生成  宝塔建站助手安装配置与建站模板使用全流程解析  高性能网站服务器配置指南：安全稳定与高效建站核心方案  模具网站制作流程,如何找模具客户？  如何通过wdcp面板快速创建网站？  ,怎么用自己头像做动态表情包？  制作网站的模板软件,网站怎么建设？  网站制作企业,网站的banner和导航栏是指什么？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  建站168自助建站系统：快速模板定制与SEO优化指南  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  如何快速打造个性化非模板自助建站？  音响网站制作视频教程,隆霸音响官方网站？  建站主机类型有哪些？如何正确选型  高端建站三要素：定制模板、企业官网与响应式设计优化  电脑免费海报制作网站推荐,招聘海报哪个网站多？  如何正确选择百度移动适配建站域名？  建站主机功能解析：服务器选择与快速搭建指南  如何通过云梦建站系统实现SEO快速优化？  家庭建站与云服务器建站，如何选择更优？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  平台云上自主建站：模板化设计与智能工具打造高效网站  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何生成腾讯云建站专用兑换码？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何选择CMS系统实现快速建站与SEO优化？  北京网站制作网页,网站升级改版需要多久？  如何挑选高效建站主机与优质域名？  油猴 教程,油猴搜脚本为什么会网页无法显示？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  如何高效配置IIS服务器搭建网站？  如何快速搭建二级域名独立网站？  如何零基础在云服务器搭建WordPress站点？  建站主机与服务器功能差异如何区分？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  昆明网站制作哪家好,昆明公租房申请网上登录入口？  如何在IIS管理器中快速创建并配置网站？  宝塔Windows建站如何避免显示默认IIS页面？  如何自定义建站之星模板颜色并下载新样式？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  C#怎么使用委托和事件 C# delegate与event编程方法  C++如何将C风格字符串（char*）转换为std::string？（代码示例）