$
("#id"
)id選擇器
$(".class"
)類選擇器
$("div"
)標籤選擇器
$("*"
)萬用字元選擇器
$("div,span"
)並集選擇器
$
("div span"
)先祖選擇器
$("div>span"
)父子選擇器
$("div+span"
)div緊跟著的span
$("div~span"
)div之後的所有span
基本過濾選擇器$
("div:first"
)過濾選擇器
(所有的div中的第乙個)$(
"div:last"
)最後乙個div
$("div:not(.box)"
)不包含box類的div
$("div:even"
)所有div中索引為偶數的div,索引是從上到下排的的且從0開始
$("div:eq(10)"
)所有div中索引為10的div
$("div:gt(10)"
)所有div中索引大於10的div
$("div:lt(10)"
)所有div中索引小於10的div
$(":header"
)所有的標題標籤
$(":animated"
)正在執行動畫的元素
內容過濾選擇器$
("div:contains("
-")"
)內容中含有-
的div
(內容)$(
"div:empty"
)所有為空的div
$("div:has(p)"
)內部包含p標籤的div
(標籤)$(
"div:parent"
)內部含有內容的div
可見性過濾選擇器$
("div:hidden"
)隱藏的元素
$(":visible"
)顯示的元素
屬性過濾選擇器$
("div[id]"
)有id的div
$("div[id=box]"
)id為box的div
$("div[id!=box]"
)id以b開始的div
$("div[id^=x]"
)id以x結束的div
$("div[id$=o]"
)id以o結束的div
$("div[id*=b]"
)id包含b的div
$("div[id=b][class=a]"
)多條件選擇
子元素過濾選擇器$
("div:nth-child(2)"
)div作為子元素處於第二個的元素
(二兒子)$(
"div:first-child"
)div作為子元素處於第乙個的元素
(大兒子)$(
"div:last-child"
)div作為子元素處於最後乙個的元素
(最後乙個兒子)$(
"div:only-child"
)div作為子元素只有乙個的元素
(獨生子)
表單物件屬性過濾選擇器$
(":disabled"
)不可用表單元素
$(":enabled"
)可用表單元素
$("input:checked"
)選中的input
$(":selected"
)選中的下拉列表
$
(":input"
)所有的表單元素
$(":password"
)密碼框
$(":radio"
)單選框
$(":checkbox"
)核取方塊
$(":submit"
)提交按鈕
$(":reset"
)重置按鈕
$(":text"
)單行文字框
$(":image"
)型別表單元素
$(":file"
)檔案型別的表單元素
$(":button"
)button型別的表單元素
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...
jQuery選擇器之全選擇器（ 選擇器）
在css中，經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery，如果要獲取文件中所有的元素，通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...