jquery筆記(選取器)

來源:互聯網
上載者:User

標籤:等於   contains   偶數   jquer   擷取   ima   nbsp   執行   內容   

  • $("span,#two").css("background","#bbffaa"); 改變所有的<span>元素和id為two的元素的背景色;
  • $("ancestor descendant") 選取ancestor元素裡的所有descendant(後代)元素,包含子項目、孫子項目等;
  • $("parent>child") 選取parent元素下的child元素,子項目;
  • $("prev+next") 選取緊接在prev元素後的同輩的next元素,等價於$("prev").next("next");
  • $("prev~siblings") 選取prev元素之後的所有同輩的siblings元素,等價於$("prev").nextAll("siblings");
  • siblings方法與前後位置無關,而$("prev~siblings")只選擇後面的同輩元素;

 

基本過濾器:

  • $("div:first") 選取所有的<div>元素中第一個<div>元素,返回個元素;
  • $("div:last") 選取所有的<div>元素中最後一個<div>元素,返回個元素;
  • :not(selector),$("input:not(.myClass)")選取class不是myClass的input元素;
  • :even,是偶數的所有元素;
  • :odd ,是奇數的所有元素;
  • :eq(index),索引等於index的所有元素,返回個元素;
  • :gt(index),索引大於index的元素;
  • :lt(Index),索引小於Index的元素;
  • :header,所有標題元素;
  • :animated,所有正在執行動畫的元素;
  • :focus,擷取焦點的元素;

 

內容過濾器:

  • :contains(text) ,含有常值內容為“text”的元素;
  • :empty ,選取不包含子項目或者文本的空元素;
  • :has(selector),選取還含有選取器所匹配的元素的元素;
  • :parent ,選取含有子項目或者文本的元素;
  • :hidden , :visible;

 

子項目過濾選取器:

  • :nth-child(index/even/odd/equation) ,選取沒給父元素下的第index個子項目或者奇偶元素,index從1算起
  • :first-child ,每個父元素的第一個元素;
  • :last-child , 每個父元素的最後一個元素;
  • :only-child,元素只有一個子項目時候被匹配。

jquery筆記(選取器)

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.