jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例
更新时间：2017年01月30日 15:52:35 作者：aitangyong
这篇文章主要介绍了jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法,结合简单实例形式分析了siblings()函数获取同辈元素的操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法。分享给大家供大家参考，具体如下：
siblings()属于jQuery筛选类的API，用来查找某个元素的所有同辈元素(所有兄弟姐妹)。
<div id="contentHolder"> <input type="button" value="1" id="button1"></input> <input type="button" value="2" id="button2"></input> <input type="button" value="3" id="button3"></input> </div>
假如需要实现如下功能：点击某个按钮的时候，该按钮背景色变成#88b828，其他按钮背景色变成#15b494。这个时候，siblings这个API很有用，也很简单。
$(function(){
$("#contentHolder input[type='button']").click(function(){
$(this).css("background","#88b828");
$(this).siblings().css("background","#15b494");
});
})
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery页面元素操作技巧汇总》、《jquery选择器用法总结》、《jQuery表单操作总结》、《jQuery常用插件及用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》及《jQuery常见经典特效汇总》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jquery dialog open后,服务器端控件失效的快速解决方法
本篇文章是对jquery dialog open后,服务器端控件失效的快速解决方法。进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。有兴趣的可以了解一下。2016-12-12
jQuery实现方法的链式操作是非常容易的。这里给出正确的使用方法2014-01-01
jquery mobile changepage的三种传参方法介绍
本来觉得changePage 那么多option,传几个参数应该没问题结果翻遍国内外网站,基本方法只有三种，下面与大家分享下，感兴趣的朋友可以参考下2013-09-09
JQuery是一种非常灵活的脚本库，JQuery库为Web脚本编程提供了通用的抽象层，已经是比较流行的js框架了。2010-11-11
这篇文章主要介绍了jquery实现的点击翻书效果代码,可呈现点击图片显示翻页的效果,涉及jQuery响应鼠标事件动态改变页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了jQuery插件扩展操作,结合简单实例形式分析了jQuery扩展方法的定义与使用技巧,非常简单易懂,需要的朋友可以参考下2017-01-01
本篇文章主要是对Jquery实现控件的隐藏和显示实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery - AJAX load() 实例用法以及相关知识点总结，有需要的朋友们参考下。2019-08-08
使用jQuery.load方法加载一个网页，那么这个网页内部的js代码是否能够执行呢，答案是肯定的，这就相当于把load的内容与主页面进行了合并一样2011-03-03
最新评论