jQuery（3）————选择器

jQuery选择器

        1.元素选择器

         jQuery使用CSS选择器来选取HTML元素。

         $('p')选取<p>元素

         $('p.className')选取所有class为className的<p>元素

         $('p#d1')选取id为d1的<p>元素

        2.属性选择器

         jQuery使用XPath表达式来选择带有给定属性的元素。

         $('[href]')选取所有带有href属性的元素。

         $("[href='#']")选取所有带有href值等于"#"的元素。

         $("[href！='#']")选取所有href值不等于"#"的元素和不包含href属性的元素。

         $("[href$='.jpg']")选取所有带有href值以“.jpg"结尾的元素。

        3.CSS选择器

         jQuery CSS选择器可用于改变HTML元素的CSS属性。

         $('p').css('background','red');//将p元素的背景色改为红色。

       4.伪类选择器

         $('p:first')第一个p元素

         $('p:last')最后一个p元素

         $('p:even')所有偶数p元素

         $('p:odd')所有奇数p元素

        

         $('ul li:eq(3)')列表中的第四个元素（index从0开始）

         $('ul li:gt(3)')列出index大于3的元素

         $('ul li:lt(3)')列出index小于3的元素

         $('input:not(:empty)')所有不为空的input元素

         $(':header')所有标题元素（h1--h6）

         $(':contains('text')')包含指定字符串的所有元素

         $(':empty')无子（元素）节点的所有元素

         $('p:hidden')所有隐藏的p元素

         $('table:visible')所有可见的表格

         $('th,p,.d1')所有th元素，p元素和class为d1的元素

        

         $('input')所有<iinput>标签

         $(':input')所有<input><select><textarea><button>文本标签

         $('text')所有type为text的input标签

         $('password')所有type为password的input标签

         $('radio')所有type为radio的input标签

         $('checkbox')所有type为checkbox的input标签

         $('submit')所有type为submit的input标签

         $('reset')所有type为reset的input标签

         $('button')所有button为text的input标签

         $('file')所有type为file的input标签

         等……