定义和用法
jQuery兄弟()方法返回所选元素的所有兄弟元素,并且可以使用可选参数来筛选对兄弟元素的搜索。
示例演示:单击某个li标签后,它被设置为红色,并且它的所有同级元素都移除红色样式。
1.创建Html元素
Div class='box' span单击li元素设置红色并移除所有其他同级元素的红色样式:/span div class='content' li栗子/li李子/li梨子/li荔枝/li /div /div2。设置css样式:
div . box { width :300 px;padding:20pxmargin:20pxborder:4px虚线# ccc} div.box span { color: # 999font-style :斜体;} div . content { width :250 px;margin 3 336010 px 0;padding:20pxborder:2px实心# ff6666} li { padding:10px}.红色{ color:red}3.编写jquery代码
$(function(){ $('li '))。单击(function() { $(this))。addClass('红色');//将被点击的元素设置为red $ (this)。兄弟姐妹('李')。remove class(' red ');//去掉所有兄弟元素的红色样式})})4。观察效果:点击梅子,梅子为红色,其他li元素正常
以上是边肖介绍的jQuery中的姐弟()的意思(推荐)。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!