jQuery中選擇器有哪些,選擇器都怎麼用?

2021-10-05 15:10:49 字數 980 閱讀 2414

jquery中選擇器有哪些以及使用方法?

jquery的基本選擇器

jquery常用的選擇器

群組選擇器

$(「div,span」)

使用逗號對選擇器進行分隔

後代選擇器

$("#main *")

選擇id值為main的所有的後代元素

子代選擇器

$(「div>span」)

選擇div標籤的所有子代span元素

相鄰選擇器

$(「label + input」)

$(「label」).next(「input」)

選擇所有的label元素的下乙個input元素節點,經測試選擇器返回的是label標籤後面直接跟乙個input標籤的所有input標籤元素

兄弟選擇器

$("#prev ~ div")

$("#prev").nextall(「div」)

同胞選擇器,該選擇器返回的為id為prev的標籤元素的所有的屬於同乙個父元素的div標籤

從id是prev的元素開始向下選擇兄弟元素到div元素之前為止

$("#prev").nextuntil(「div」)

獲取id是prev的上乙個兄弟元素是div的元素

$("#prev").prev(「div」)

獲取id是prev的上所有兄弟元素是div的元素

$("#prev").prevall(「div」)

從id是prev的元素開始向上選擇兄弟元素到div元素之前為止

$("#prev").prevuntil(「div」)

根據id是prev的元素所有的上下的兄弟元素中是div

$("#prev").siblings(「div」)

以上就是關於jquery中的選擇器介紹希望能夠幫助到你^ _ ^

jQuery中選擇器(常見)

null zgx 2018 01 17 16 49 22 39329 收藏 10 分類專欄 jquery 文章標籤 jquert 前端一 基本選擇器 基本選擇器是jquery中最常用也是最簡單的選擇器,它通過元素的id class和標籤名等來查詢dom元素。1 id選擇器 id 描述 根據給定的id...

jQuery中選擇器(包含例項)

因為我查了一下,發現網上別人總結的確實也都不錯了,所以我下面主要是對選擇器的使用 其實主要還是為了督促自己多練習使用啦 推薦兩個我覺得不錯的關於選擇器的總結 jquery選擇器 w3c jquery選擇器 jquery中的選擇器,主要也就分為 基本選擇器 屬性選擇器 內容選擇器 過濾選擇器 子元素選...

css child選擇器有哪些?

css child選擇器有5個,分別為 first child 選擇器 only child 選擇器 nth child n 選擇器 nth last child n 選擇器 last child 選擇器。css child選擇器 first child,選取屬於其父元素的首個子元素。例 p fir...