首頁 > 網際網路

jquery經驗分享:[2]jquery選擇器2

2019-12-13 02:29:13

書接上回,上文中分享了jquery中id選擇器的使用。

1,這篇將主要分享下除了id以外其他的一些,

2,下面講主要以例子的形式說明每個選擇器的使用。

3,如下包含,類選擇器,標籤選擇器,(+),(>)

1

下面介紹標籤選擇器,和類選擇器,標籤選擇器就是選擇所以是這個標籤的比如:

<div>DIV1</div><div>DIV2</div><span>SPAN</span>

那麼使用$("div")就把上面的三個div都選擇出來了,

類選擇器就是選擇那麼一類的,怎麼算一類呢,如下:

<div class="notMe">div class="notMe"</div> 

<div class="myClass">div class="myClass"</div> 

<span class="myClass">span class="myClass"</span>

上面中為每個標籤裡都加入了class屬性,當$(".myClass")的時候就把myClass這一類都找出來了。



2

下面這個是匹配孩子節點(第一級兒子輩,不匹配孫子輩的),例如:

<form>  

<label>Name:</label>  

<input name="name" />  

<fieldset>     

              <label>Newsletter:</label>      

              <input name="newsletter" /> 

 </fieldset> 

</form> 

<input name="none" />

當使用$("form > input")就會找到<input name="name" />,在上面例子中<input name="newsletter" /> 是在fieldset中算是孫子輩的,所以ta沒有被匹配,




3

這個是匹配所有跟在 label 後面的 input 元素,如:

<form>  

<label>Name:</label>  

<input name="name" />  

<fieldset>      

<label>Newsletter:</label>      

<input name="newsletter" /> 

</fieldset> 

</form> 

<input name="none" />

使用$("label + input");

結果:<input name="name" />, <input name="newsletter" />





IT145.com E-mail:sddin#qq.com