jQuery 選擇器篇

jquery選擇器是jquery提供的一組方法，讓我們更加方便的獲取到頁面中的元素。

注意：jquery選擇器返回的是jquery物件。

特點：jquery選擇器有很多，基本相容了css1到css3所有的選擇器，並且jquery還新增了很多更加複雜的選擇器

序號名稱

用法描述

1id選擇器

$('#id')

獲取指定id的元素

2類選擇器

$('.class')

獲取所有此類名元素

3標籤選擇器

$('div')

獲取所有此標籤元素

4並集選擇器

$('div, p, li')

使用逗號分隔，獲取所有的 div、p、li 元素

5交集選擇器

$('div.redclass')

類名為 redclass 的 div 元素

6全選選擇器

$('*')

匹配所有的元素

序號名稱

用法描述

1子代選擇器

$('ul>li')

獲取子級元素（>）

2後代選擇器

$('ul li')

獲取後代元素（空格）

遍歷內部dom元素（偽陣列形式儲存）的過程叫做隱式迭代簡單理解：給匹配到的所有元素進行迴圈遍歷，執行相應的方法，而不用我們再進行迴圈，簡化我們的操作，

方便我們呼叫

序號名稱

用法描述

1索引為index的元素

$("li:eq(2)")

獲取指定索引的li元素

2索引為奇數的元素

$("li:odd")

獲取索引為奇數的li元素

3索引為偶數的元素

$("li:even")

獲取索引為偶數的li元素

4第乙個元素

$("li:first")

獲取第乙個li元素

5最後乙個元素

$("li:last")

獲取最後乙個li元素

6大於當前索引的元素

$("li:gt(index) ")

獲取大於當前索引的元素，不包括當前索引元素

7小於當前索引的元素

$("li:lt(index) ")

獲取小於當前索引的元素，不包括當前索引元素

8單選或多選框，選中狀態的元素

$("input:checked")

獲取單選或多選框，選中狀態的元素

找子元素children("選擇器")

$

("ul").
children
("li"
)// 找到當前`ul`元素下為`li`的子元素，不寫引數，獲取所有子元素

$

("#first").
siblings
("li"
)// 查詢所有為`li`的兄弟節點，不包括自己本身,不寫引數，獲取所有兄弟元素

$

("ul").
find
("li"
)// 查詢所有為`li`的後代節點

$

('#first').
parent
()

$

("td").
parents
("tbody"
)

$

('li').
next
()

$

('li').
nextall
()

$

('li').
prev
()

$

('li').
prevall
()

$

('li').
eq(2)

JQuery選擇器 選擇器簡介

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

Jquery選擇器 基本選擇器

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

jQuery選擇器之全選擇器（ 選擇器）

在css中，經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery，如果要獲取文件中所有的元素，通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...