jQuery 基本的選擇器

2022-02-23 21:03:42 字數 1023 閱讀 1341

名稱

用法描述

id選擇器

$(「#id」);

獲取指定id的元素

類選擇器

$(「.class」);

獲取同一類class的元素

標籤選擇器

$(「div」);

獲取同一類標籤的所有元素

並集選擇器

$(「div,p,li」);

使用逗號分隔,只要符合條件之一就可。

交集選擇器

$(「div.redclass」);

獲取class為redclass的div元素

總結:跟css的選擇器用法一模一樣。

$("s1,s2")//

並集選擇器

$("s1 s2")//

後代選擇器

$("s1>s2")//

子代選擇器

$("s1s2") //

交集選擇器

$("li.green")//

交集選擇器

//

id選擇器 $("#id")

$("#four").css("backgroundcolor", "black");

//

類樣式選擇器 $(".classname")

$(".green").css("backgroundcolor", "green");

//

標籤選擇器 $("li")

$("li").css("color", "red");

//

並集 $("#four,.green").css("backgroundcolor", "pink");

//交集
$("li.green").css("backgroundcolor", "red"); $(".green.yellow").css("backgroundcolor", "pink");

Jquery選擇器 基本選擇器

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

jquery基本選擇器

1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...

jQuery基本選擇器

id選擇器 id 描述 查詢id為 mydiv 的元素html id notme id notme div id mydiv id mydiv div jquery mydiv 結果 id mydiv id mydiv div 元素選擇器 element 描述 查詢乙個 div 元素html div...