選擇器
例項選取
*$("*")
所有元素
#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(selector)
$("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" 結尾的元素
:input
$(":input")
所有 元素
: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 元素
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 屬性中給定的值。示例 查...