如果您認真學習過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 屬性中給定的值。示例 查...