jQuery基本过滤选择器

简介:
"text/javascript"
  $(document).ready(function(){
       //选择第一个div元素.'#btn1').click(function(){
          $('div:first'"background""#bfa");
      })
      //选择最后一个div元素.'#btn2').click(function(){
          $('div:last'"background""#bfa");
      })
      //选择class不为one的 所有div元素.'#btn3').click(function(){
          $('div:not(.one)'"background""#bfa");
      })
      //选择 索引值为偶数 的div元素。'#btn4').click(function(){
          $('div:even'"background""#bfa");
      })
      //选择 索引值为奇数 的div元素。'#btn5').click(function(){
          $('div:odd'"background""#bfa");
      })
      //选择 索引等于 3 的元素'#btn6').click(function(){
          $('div:eq(3)'"background""#bfa");
      })
      //选择 索引大于 3 的元素'#btn7').click(function(){
          $('div:gt(3)'"background""#bfa");
      })
     //选择 索引小于 3 的元素'#btn8').click(function(){
          $('div:lt(3)'"background""#bfa");
      })
       //选择 所有的标题元素.比如h1, h2, h3等等...'#btn9').click(function(){
          $(':header'"background""#bfa");
      })
      //选择 当前正在执行动画的所有元素.'#btn10').click(function(){
          $(':animated'"background""#bfa");
      });
  });

</script>




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

相关文章
|
6月前
|
JavaScript 索引
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
119 2
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
105 5
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
105 0
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
114 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 选择器
75 3
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
84 1
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
83 1