jQuery子元素过滤选择器

简介:
"text/javascript"
  $(document).ready(function(){
      //选取每个父元素下的第2个子元素'#btn1').click(function(){
          $('div.one :nth-child(2)'"background""#bbffaa");
      })
      //选取每个父元素下的第一个子元素'#btn2').click(function(){
          $('div.one :first-child'"background""#bbffaa");
      })
      //选取每个父元素下的最后一个子元素'#btn3').click(function(){
          $('div.one :last-child'"background""#bbffaa");
      })
      //如果父元素下的仅仅只有一个子元素,那么选中这个子元素'#btn4').click(function(){
          $('div.one :only-child'"background""#bbffaa");
      })
  });

</script>




本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2012/09/06/2673590.html,如需转载请自行联系原作者

相关文章
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
30 2
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
40 5
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
5月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
35 0
|
5月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 选择器
jQuery 选择器
25 3
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
30 1
|
3月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
36 1
|
6月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享