jquery獲取css中的選擇器用法例項講解
來源:文萃谷 5.4K
jQuery使用了一套css選擇器,共有5種,即標籤選擇器,ID選擇器,類選擇器,通用選擇器和群組選擇器,現分述如下:
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");