jQuery属性选择器

简介:
"text/javascript"
  $(document).ready(function(){
      //选取含有 属性title 的div元素.'#btn1').click(function(){
          $('div[title]'"background""#bbffaa");
      })
      //选取 属性title值等于 test 的div元素.'#btn2').click(function(){
          $('div[title=test]'"background""#bbffaa");
      })
      //选取 属性title值不等于 test 的div元素.'#btn3').click(function(){
          $('div[title!=test]'"background""#bbffaa");
      })
      //选取 属性title值 以 te 开始 的div元素.'#btn4').click(function(){
          $('div[title^=te]'"background""#bbffaa");
      })
      //选取 属性title值 以 est 结束 的div元素.'#btn5').click(function(){
          $("div[title$=est]""background""#bbffaa");
      })
      //选取 属性title值 含有 es  的div元素.'#btn6').click(function(){
          $("div[title*=es]""background""#bbffaa");
      })
      //组合属性选择器,首先选取有属性id的div元素,然后在结果中 选取属性title值 含有 es 的元素.'#btn7').click(function(){
          $("div[id][title*=es]""background""#bbffaa");
      })
    
  });

</script>





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

相关文章
N..
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
120 1
|
8月前
|
JavaScript 索引
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
148 2
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
107 5
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
110 0
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
141 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 选择器
84 3
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
91 1