Jquery之CSS選擇器

2021-06-04 18:21:35 字數 757 閱讀 4461

jquery借用了一套css選擇器,共有5種,即標籤選擇器,id選擇器,類選擇器,通用選擇器和群組選擇器

1:標籤選擇器

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

2:id選擇器

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

$("#users").val();

3:類選擇器

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

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

$(".t").css("border", "2px solid blue");

4:通用選擇器

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

5:群組選擇器

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

$("selector1, seletor2, selector3")

如:$("div, span, p.styleclass").css("border", "1px solid red");    

綜合例子:

div元素:id屬性為div1.

div元素:id屬性為div2.

div元素:id屬性為div3.

效果圖:

JQuery選擇器之CSS選擇器

語法描述 選擇所有元素 選擇特定型別的元素 選擇具有特定class的元素 選擇具有特定class的某類元素 id 選擇具有特定id屬性值的元素 語法描述 attr 選取定義了attr屬性的元素,即使這個屬性值為空 attr val 選擇attr屬性值等於字串val的元素 attr val 選擇att...

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...