6 Jquery1 8 3快速入門 過濾選擇器

2022-03-28 22:09:36 字數 1287 閱讀 4269

一、jquery的基本過濾選擇器:

基本過濾選擇器: 

1、 :first 選取第乙個元素 

2、 :last 選取最後乙個元素 

3、:not(selector) 去除所有與給定的選擇器匹配的元素 

4、:even 選取索引時偶數的所有元素,索引從0開始 

5、:odd 選取索引時奇數的所有元素,索引從0開始 

6、:eq(index) 選取索引等於index的元素,索引從0開始 

7、:gt(index) 選取索引大於index的元素,索引從0開始 

8、:lt(index) 選取索引小於index的元素,索引從0開始 

9、:header 選取所有的標題元素 如:h1 ,h2等 

10、:animated 選取當前執行 動畫的所有元素 

效果:原始碼:

jquery的基本過濾器:

基本過濾器選擇:

1、 :first 選取第乙個元素

2、 :last 選取最後乙個元素

3、:not(selector) 去除所有與給定的選擇器匹配的元素

4、:even 選取索引時偶數的所有元素,索引從0開始

5、:odd 選取索引時奇數的所有元素,索引從0開始

6、:eq(index) 選取索引等於index的元素,索引從0開始

7、:gt(index) 選取索引大於index的元素,索引從0開始

8、:lt(index) 選取索引小於index的元素,索引從0開始

9、:header 選取所有的標題元素 如:h1 ,h2等

10、:animated 選取當前執行 動畫的所有元素

獲取第乙個div

獲取最後乙個div

選取偶數列

選取奇數列

索引等於2(從0開始)

索引大於2的div

索引小於2的div

不等於某個選擇器的所有元素

選取所有的標題header

選取當前執行的動畫

子層孫子層d1

這是乙個行資訊

div 孫子層

子層2孫子層2

這是乙個行資訊2

div 孫子層2

這是第三個div層

這是第四個span

這是第5個層

jQuery快速入門

1,看一眼 this 當前 html 元素 p 所有 元素 p.intro 所有 class intro 的 元素 intro 所有 class intro 的元素 intro id intro 的元素 ul li first 每個 的第乙個 元素 href jpg 所有帶有以 jpg 結尾的屬性值...

jQuery入門 6 動畫

jquery入門 6 動畫 jquery入門 1 建構函式 jquery入門 2 選擇器 jquery入門 3 事件 jquery入門 4 鏈式 jquery入門 5 ajax jquery入門 6 動畫 jquery直接各種動畫,常見的被封裝成各種方法,如show hide slidedown f...

jQuery入門 6 動畫

jquery入門 1 建構函式 jquery入門 2 選擇器 jquery入門 3 事件 jquery入門 4 鏈式 jquery入門 5 ajax jquery入門 6 動畫 jquery直接各種動畫,常見的被封裝成各種方法,如show hide slidedown fadein 等等,參見 ef...