- 相關(guān)推薦
jquery獲取css中的選擇器用法實(shí)例講解
jQuery使用了一套css選擇器,共有5種,即標(biāo)簽選擇器,ID選擇器,類(lèi)選擇器,通用選擇器和群組選擇器,現(xiàn)分述如下:
1. 標(biāo)簽選擇器
用于選擇HTML頁(yè)面中已有的標(biāo)簽元素,又稱(chēng)元素選擇器,格式:$("element"),如$("div"),同getElementByTagName
2. ID選擇器
用于獲取某個(gè)具有id屬性的元素,格式如下:$("id"),同getElementById
復(fù)制代碼 代碼如下:
$("#users").val();
3. 類(lèi)選擇器
用于獲取某個(gè)具有class屬性的元素,格式:$("class")
復(fù)制代碼 代碼如下:
給這個(gè)文本框添加邊框樣式,首先這里用class屬性來(lái)綁定文本框
復(fù)制代碼 代碼如下:$(".t").css("border", "2px solid blue");
4. 通用選擇器
通用選擇器(*)匹配所有元素,多用于結(jié)合上下文來(lái)搜索,也就是找到HTML頁(yè)面中的所有標(biāo)簽, $("*")
5. 群組選擇器
又叫多元素選擇器,用于選擇所有指定的選擇器組合的結(jié)果,語(yǔ)法如下:
復(fù)制代碼 代碼如下:$("selector1, seletor2, selector3")
如:復(fù)制代碼 代碼如下:$("div, span, p.styleClass").css("border", "1px solid red");
【jquery獲取css中的選擇器用法實(shí)例講解】相關(guān)文章:
原生ajax調(diào)用數(shù)據(jù)實(shí)例簡(jiǎn)單講解07-19
css教程07-22
css經(jīng)典教程07-18
excel中驗(yàn)算公式使用實(shí)例介紹12-08
(優(yōu))css教程07-21
(必備)css教程07-25
【熱】css教程07-24
css經(jīng)典教程[集合]07-30