jquery獲取css中的選擇器用法例項講解

來源:文萃谷 5.4K

jQuery使用了一套css選擇器,共有5種,即標籤選擇器,ID選擇器,類選擇器,通用選擇器和群組選擇器,現分述如下:

jquery獲取css中的選擇器用法例項講解

1. 標籤選擇器

用於選擇HTML頁面中已有的標籤元素,又稱元素選擇器,格式:$("element"),如$("div"),同getElementByTagName

2. ID選擇器

用於獲取某個具有id屬性的元素,格式如下:$("id"),同getElementById

複製程式碼 程式碼如下:

$("#users")();

3. 類選擇器

用於獲取某個具有class屬性的元素,格式:$("class")

複製程式碼 程式碼如下:

給這個文字框新增邊框樣式,首先這裡用class屬性來繫結文字框

複製程式碼 程式碼如下:$(".t")("border", "2px solid blue");

4. 通用選擇器

通用選擇器(*)匹配所有元素,多用於結合上下文來搜尋,也就是找到HTML頁面中的'所有標籤, $("*")

5. 群組選擇器

又叫多元素選擇器,用於選擇所有指定的選擇器組合的結果,語法如下:

複製程式碼 程式碼如下:$("selector1, seletor2, selector3")

如:複製程式碼 程式碼如下:$("div, span, eClass")("border", "1px solid red");

css選擇器

熱門標籤