jQuery选择器

jQuery选择器共四大类，包括基本选择器、层次选择器、过滤选择器、表单选择器。

1.基本选择器

ID选择器  $("#id名")

类选择器   $(".类名")

元素（标签）选择器   $("标签名")

通配符选择器    $("*")

合并（群组）选择器    $("div，p，#one")  中间用逗号分隔

2.层次选择器

后代选择器   $("div  p")

子代选择器  $("div >p")

直接兄弟选择器（紧邻着后面的） $("div+p")

间接兄弟选择器（后面的所有）$("div~p")

3.过滤选择器

   3.1基本过滤选择器 

• • • 1. ：first 第一个元素
      2. ：last 最后一个元素
      3. ：not（selector）把selector排除在外
      4. ：even 挑选偶数行
      5. ：odd 挑选奇数行
      6. ：eq（index） 下标等于index的元素
      7. ：gt（index） 下标大于index的元素
      8. ：lt（index） 下标小于index的元素

<ul>
        <li>0</li>
        <li>1</li>
        <li class="two">2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <input type="text" >
    <input type="text" disabled>
    <input type="text" >
    <input type="radio" checked>
    <select name="" id="">
        <option value="">111</option>
        <option value="" selected>222</option>
        <option value="">333</option>
    </select>

console.log($("li:first").text("000"));
    console.log($("li:last").html("<i>444</i>"));
    console.log($("li:not(.two)"));
    console.log($("li:even"));
    console.log($("li:odd"));
    console.log($("li:eq(0)"));
    console.log($("li:gt(0)"));
    console.log($("li:lt(1)"));

注意：索引和index都是从0开始 

    3.2内容过滤选择器

• • • • :contains(text) 匹配包含给定文本的元素
      • ：empty 匹配所有不包含子元素或文本的空元素
      • ：has（selector） 匹配含有选择器所匹配的元素
      • ：parent 匹配包含有子元素或者文本的元素

console.log($("li:contains(2)"));
    console.log($("input:empty"));
    console.log($("ul:has(li)"));
    console.log($(":parent"))

3.3. 可见性过滤选择器（2种）

• • • • ：hidden 匹配所有不可见元素，或type为hidden
      • ：visible 匹配所有的可见元素

console.log($(":hidden"));
console.log($(":visible"))

 3.4. 属性过滤选择器（8种）

3.5子元素过滤选择器(4种)

3.6表单属性过滤选择器(4种)

4.表单选择器(11种)