1. :first過濾器：$("li:last").css("background-color", "red") 得到li元素的最后一個子節(jié)點(diǎn)。

   

   成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、城中網(wǎng)絡(luò)推廣、小程序開發(fā)、城中網(wǎng)絡(luò)營銷、城中企業(yè)策劃、城中品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供城中建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

   $("li:last")<==>$("li").last(); 注：這兩個的效果相同，但是后者速度更快，推薦用后者

   $("li:first")<==>$("li").first();

   $("li").first().next(); 方法鏈，first()的下一個元素

   $("li").first().next().prev();  prev()上一個元素

   $("li").first().parent(); 找到li的父元素

   $("div span")<==>$("div").find("span");

   $("div span")<==>$("div").children("span")

2.:eq(index)選擇器：如果想從一組標(biāo)簽元素?cái)?shù)組中，靈活選擇任意的一個標(biāo)簽元素

  $("li:eq(2)").css("background-color", "#60F");從一組li元素中，選擇第三個元素，從0開始

3.:contains(text)選擇器：有時候我們可能希望按照文本內(nèi)容來查找一個或多個元素， 它的功能是選擇指定字符串的全部元素，它通常與其他元素結(jié)合使用

 $("li:contains('jQuery')").css("background", "green"); 在一組li元素中查找文本是jQuery關(guān)鍵字的元素

4.:has(select)選擇器：獲取選擇器中包含指定元素名稱的全部元素，其中selector參數(shù)就是包含的元素名稱，是被包含元素。

 $("li:has('label')").css("background-color", "blue"); 在一組li元素中查找?guī)abel元素

5.:hidden選擇器：功能是獲取全部不可見的元素，這些不可見的元素中包括type屬性值為hidden的元素。

 var $strHTML = $("input:hidden").val(); 查找type="hidden"的input元素

6.:visible選擇器：與:hidden過濾選擇器相反，:visible過濾選擇器獲取的是全部可見的元素，也就是說，只要不將元素的display屬性值設(shè)置為“none”，那么，都可以通過該選擇器獲取。

橘子
香蕉
葡萄


$("li:visible").css("background-color","blue");//獲取display:none的元素

7.[attribute=value]，[attribute!=value],[attribute*=value]選擇器：功能是獲取與屬性名和屬性值完全相同的全部元素，其中[]是專用于屬性選擇器的括號符，參數(shù)attribute表示屬性名稱，value參數(shù)表示屬性值。[attribute!=value]意思相反,而[attribute*=value]是獲取屬性值中包含指定內(nèi)容的全部元素。

茄子
香蕉
芹菜
蘋果
西瓜


$("li[title='蔬菜']").css("background-color", "green");
$("input[type='radio']:checked").removeAttr("checked"); //獲取屬性type="radio"的input，并檢查是否選中

8.:first-child,:last-child選擇器：使用:first-child子元素過濾選擇器則可以獲取每個父元素中返回的首個子元素，它是一個集合，常用多個集合數(shù)據(jù)的選擇處理

練習(xí)題：

題目：在頁面中,添加一個

元素,里面放置多個(至少7個以上)的
• 元素,此外,再添加一個元素.

  任務(wù)：

    初始時:

  元素中僅顯示5個
  • 元素,其中包含還包括最后一個
  • 元素,元素中的顯示"更多"字符.

      當(dāng)點(diǎn)擊"更多"鏈接時,自身內(nèi)容變?yōu)?簡化",同時,

    元素中顯示全部的
    • 元素.

        當(dāng)點(diǎn)擊"簡化"鏈接時,自身內(nèi)容變?yōu)?更多",同時,

      元素中僅顯示包含最后一個
      • 元素在內(nèi)的5個元素.

        代碼答案：

        
        
            
                
                
                
            
            
            
                
        
                    111
                    222
                    
        333
                    
        444
                    
        555
                    
        666
                    
        777
                
                
                
                
            
        

        
        分享名稱：Jquery教程2.jquery的過濾性選擇器
        網(wǎng)站鏈接：http://weahome.cn/article/jdcdhs.html