基本選擇器

2021-04-27 01:19:18 字數 1095 閱讀 9648

:first  :last :not

:even 匹配所有索引為偶數的元素

:odd 匹配所有索引為奇數的元素

:eq() 

html **:

header 1

value 1

value 2

jquery **:
$("tr:eq(1)")
結果:
[ value 1

]

html **:

header 1

value 1

value 2

jquery **:

$("tr:gt(0)")

結果:[ value 1

, value 2

]

html **:

header 1

value 1

value 2

jquery **:
$("tr:lt(2)")
結果:
[ header 1

, value 1

]

匹配如 h1, h2, h3之類的標題元素

描述:給頁面內所有標題加上背景色

html **:

contents 1

contents 2

jquery **:
$(":header").css("background", "#eee");
結果:
[ ,]

匹配所有正在執行動畫效果的元素

描述:只有對不在執行動畫效果的元素執行乙個動畫特效

html **:

run

jquery **:
$("#run").click(function(), 1000);

});

Jquery選擇器 基本選擇器

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

基本選擇器

doctype html meta charset utf 8 基本選擇器title style type text css 1,萬用字元選擇器 2,標籤 元素 選擇器 查詢的是頁面中所有 該種型別的 標籤 p 3,類 class 選擇器 onediv ok 4,id 選擇器 不div 5,群組選擇...

層級選擇器(基礎) 基本選擇器

基本選擇器 ancestor descendant 後代選擇器 在給定的祖先元素下匹配所有的後代元素 parent child 子元素選擇器 在給定的父元素下匹配所有的子元素 prev next 相鄰元素選擇器 匹配所有緊接在 prev 元素後的 next 元素 prev sibings 之後的兄弟...