jquery有哪些選擇器？ jquery四種選擇器的介紹

jquery選擇器有幾種？相信大家可能會有所了解，那麼這篇文章帶給大家的內容就是關於jquery有哪些選擇器以及jquery選擇器的簡單介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

1：選擇器的作用

取得網頁的上面的標籤元素等等，然後對他進行一些列的操作（新增樣式，加入行為。。 。）

2：選擇器有哪些

基本選擇器，層次選擇器，過濾選擇器，表單選擇器

一：基本選擇器
 基本選擇器是jquery最常用的選擇器，也是最簡單的選擇器，透過元素id,class,標籤名稱來尋找
 DOM元素（網頁中ID只能使用一次，id是唯一的，但class允許重複使用的）

1、id選擇器

用法：$("#id名稱");傳回單一元素的組成的集合

2、class（類別選擇器）

用法：$(".class") ;傳回集合元素

說明：.class就是樣式名稱

3、element(標籤選擇器)

用法：$("span,p,p") ;  傳回集合元素

4、$("*") :傳回集合元素，符合所有元素

##二：層次選擇器

1：parent  child  :祖先後代

三：濾波選擇器

基礎濾波選擇器（也是最常用的的過濾選擇器）

  :not(select)

用法：$(input:not(select)) 傳回集合元素

##說明：移除所有與給定選擇器匹配的元素。有點類似「非」

:first   找到第一個元素

:last    找到最後一個元素

:odd     符合標示為基數的元素

:even    匹配下標為偶數的元素

:eq("下標")  匹配製定下標的元素

:gt("下標")  匹配索引值大於給定下標的元素（不包含本身）

:lt("下標")  匹配索引值小於給定索引值的元素（不包含本身）

內容過濾選擇器

：contains（「文字內容」） 符合元素是否包含指定的文字內容

：has（標籤元素） //符合含有選擇器所符合的元素的元素

：empty  //符合元素內容為空的元素

：parent  //符合含有子元素或文字的元素

屬性過濾選擇器

[attribute=value] :屬性過濾選擇器就是透過元素的屬性來取得對應的元素

例如：

$("input[name='chk']").attr("checked", true);

--就是把name為chk的複選框的checked 回傳的是一個集合

  屬性改為true

可見度過濾選擇器

：hidden   篩選隱藏的元素（type= "hidden",css: display="none"）

: visible  篩選可見的元素

子元素過濾選擇器

:nth- child(index/even/odd/equation)

注意：這裡的索引值從1開始，而eq是從0開始

：first-child   找出第一個子元素

：last-child    找出最後一個子元素

：only-child    符合只有一個子元素的元素

表單物件屬性過濾選擇器

：disabled 篩選不可用元素

：enabled  篩選可用的元素

: checked  篩選被選取的複選框

: selected  篩選下拉方塊被選中的元素

DOM運算就是元素的增刪改查

 相關推薦：

jquery選擇器介紹

###################### ####jquery選擇器(常用選擇器說明)_jquery################JQuery選擇器特輯詳細小結_jquery######

以上是jquery有哪些選擇器？ jquery四種選擇器的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！