一、元素選擇器
jquery 元素選擇器基於元素名選取元素。
在頁面中選取所有 元素:
$("p")
二、id選擇器
id選擇器通過 html 元素的 id 屬性選取指定的元素。
頁面中元素的 id 應該是唯一的，所以您要在頁面中選取唯一的元素需要通過 #id 選擇器。
$("#test")
三、.class 選擇器
jquery 類選擇器可以通過指定的 class 查詢元素。
語法如下：
$(".test") //選擇所有class=test 的元素
四、層級選擇器
1.ancestor descendant: 在給定的祖先元素下匹配所有的後代元素(兒子、孫子、重孫子)
2.parent > child : 在給定的父元素下匹配所有的子元素(兒子)
3.prev + next: 匹配所有緊接在 prev 元素後的 next 元素(緊挨著的，同桌)
4.prev ~ siblings: 匹配 prev 元素之後的所有 siblings 元素(兄弟)
$("body div")：選擇body中所有的div元素
$("body>div")：選擇body中第一級的div孩子
$("#two+div")：選擇id為two的元素的下乙個div元素
$("#one~div")：選擇id為one的所有的兄弟div元素
五、基本過濾選擇器
$('li').first() 等價於 $(「li:first」)
$("div:first")：選擇第乙個div元素
$("div:last") ：選擇最後乙個div元素
$("body div:odd") :選擇body元素下所有序號為奇數的div
$("body>div:even"):選擇body元素下第一級的孩子中 序號為偶數的div
六、屬性選擇器
$("div[id]") ：選擇有id屬性的div
$("div[id='two']") ：選擇有id屬性且屬性值為two的div元素
$("input[name^='news']")：查詢所有 name 以 'news' 開始的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 屬性中給定的值。示例 查...