jQuery的選擇器

2021-09-27 21:39:30 字數 2570 閱讀 4223

如果您認真學習過css,那麼一定知道css的選擇器是什麼。

jquery的選擇器與css類似,一樣表示要選中的元素,然後給它指定一定的事件等等。

下面我們來看一下jquery的選擇器

選擇器例項選取*

$(「*」)

所有元素

#id$(「#lastname」)

id=」lastname」 的元素

.class

$(「.intro」)

所有 class=」intro」 的元素

element

$(「p」)

所有 元素

.class.class

$(「.intro.demo」)

所有 class=」intro」 且 class=」demo」 的元素

選擇器例項選取

:first

$(「p:first」)

第乙個 元素

:last

$(「p:last」)

最後乙個 元素

:even

$(「tr:even」)

所有偶數 元素

:odd

$(「tr:odd」)

所有奇數 元素

選擇器例項選取

:eq(index)

$(「ul li:eq(3)」)

列表中的第四個元素(index 從 0 開始)

:gt(no)

$(「ul li:gt(3)」)

列出 index 大於 3 的元素

:lt(no)

$(「ul li:lt(3)」)

列出 index 小於 3 的元素

:not

$(「input:not(:empty)」)

所有不為空的 input 元素

選擇器例項選取

:header

$(「:header」)

所有標題元素 -

:animated

所有動畫元素

選擇器例項選取

:contains(text)

$(「:contains(『w3school』)」)

包含指定字串的所有元素

:empty

$(「:empty」)

無子(元素)節點的所有元素

:hidden

$(「p:hidden」)

所有隱藏的 元素

:visible

$(「table:visible」)

所有可見的**

選擇器例項選取

s1,s2,s3

$(「th,td,.intro」)

所有帶有匹配選擇的元素

選擇器例項選取

[attribute]

$(「[href]」)

所有帶有 href 屬性的元素

[attribute=value]

$(「[href=』#』]」)

所有 href 屬性的值等於 「#」 的元素

[attribute!=value]

$(「[href!=』#』]」)

所有 href 屬性的值不等於 「#」 的元素

所有 href 屬性的值包含以 「.jpg」 結尾的元素

選擇器例項選取

:text

$(「:text」)

所有 type=」text」 的 元素

:password

$(「:password」)

所有 type=」password」 的 元素

:radio

$(「:radio」)

所有 type=」radio」 的 元素

:checkbox

$(「:checkbox」)

所有 type=」checkbox」 的 元素

:submit

$(「:submit」)

所有 type=」submit」 的 元素

:reset

$(「:reset」)

所有 type=」reset」 的 元素

:button

$(「:button」)

所有 type=」button」 的 元素

:image

$(「:image」)

所有 type=」image」 的 元素

:file

$(「:file」)

所有 type=」file」 的 元素

選擇器例項選取

:enabled

$(「:enabled」)

所有啟用的 input 元素

:disabled

$(「:disabled」)

所有禁用的 input 元素

:selected

$(「:selected」)

所有被選取的 input 元素

:checked

$(「:checked」)

所有被選中的 input 元素

相對於css來說,jquery的選擇器多了很多,在課程中,我會對以上選擇器做詳細的講解。

更多專業前端知識,請上

【猿2048】www.mk2048.com

Jquery 選擇器 簡單的選擇器

1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last,eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...

JQuery選擇器 選擇器簡介

在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...