JQuery学习总结之 -- siblings()
2016-05-16 16:20
579 查看
siblings(): 获得匹配集合中每个元素的同胞
1、span的同胞元素中类名为selected的元素设为背景黄色Hello Again
<body><div><span>Hello</span></div>
<p class="selected">Hello Again</p>
<span>And Again</span>
<script>
$("span").siblings(".selected").css("background", "yellow");
</script>
</body>
2、类名为third-item的li标签的同胞元素设置背景红色,即list item 1245为红色背景
<body><ul>
<li>list item 1</li>
<li>list item 2</li>
<li class="third-item">list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<script>
$('li.third-item').siblings().css('background-color', 'red');
</script>
</body>
相关文章推荐
- jQuery功能强大的图片查看器插件
- JQuery学习总结之 -- event.preventDefault
- jQuery.extend 函数详解
- jQuery自定义插件
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- 试着给jQuery的一个Carousel插件添加新的功能
- 慎用jQuery中的submit()方法
- JQUERY的应用
- 推荐Huploadify实现上传图片或文件
- jQuery 鼠标滑过图片 预览大图(附注释)
- jquery中dom元素的attr和prop方法的理解
- [jQuery] Cannot read property ‘msie’ of undefined jQuery 1.9不支持 $.browser
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- jquery的 live()方法, 为什么总是提示不是一个function 错误信息
- jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo
- jquery子元素过滤选择器
- jQuery.extend 函数详解
- jquery 属性过滤选择器
- jquery获取元素内容-text()和val()
- Jquery 可见性过滤器选择器