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,如需转载请自行联系原作者

相关文章
|
9月前
|
JavaScript 索引
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
161 2
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
111 5
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
115 0
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
155 0
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
JavaScript
jQuery 选择器
jQuery 选择器
87 3
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
98 1
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
122 1