Jquery元素選取及取值

2021-07-07 04:35:56 字數 2327 閱讀 7905

一:常用的選擇器:

$("

#id") //

通過id

//返回單個元素

$("div

") //

通過標籤

$(".cls

") //

類選擇器

$("div.cls

") //

標籤加類選擇器

$("*

") //

選取所有的元素

$(this) //

自己

$("div,p,a

") //

取得所有標籤的集合

$("div p

") //

div下的所有,不管幾層 [子孫]

$("div>p

") //

獲取最直接的p [兒子]

$("div+p

") //

兄弟節點中下面的第乙個元素 [弟弟]

//相當於.next();

$("div~p

") //

層的所有下面的兄弟節點

//相當於.nextall();

二:常用的過濾器:

:eq(): 索引

//第1個元素 $('p:eq(0)')

:not():不滿足"

選擇器"

的元素 :first:第乙個

:last:最後乙個

:animated:所有正在執行動畫的元素

:contains(text):選擇含有文字text的元素     

//有沒有引號一樣效果

:empty:選擇不包含元素或者文字的空元素 //

測試通過,換行應該也算字元,不能被選擇 (瀏覽器的問題,css的問題)

:has(selector):選擇包含匹配元素的元素

:parent:選擇含有子元素或文字的元素

:hidden:選取所有不可見元素 $(

":hidden

") //

包括display:none的元素

:visible:選取所有可見元素 $("

div:visible")

:checked:選中的

:selecetd:選中的

[id] :選取擁有id屬性的元素     

//("div[style]").hide(2000);測試沒通過

//("div[id]").hide(2000);測試通過

[id=text]:選取id為text的元素

[id!=text]:選取id不為text的元素

[id^=t]:選取id以t開頭的元素

[id$=t]:選取id以t結束的元素

[id*=text]:選取id含有text的元素

三:選取元素:

關於dom物件和jquery物件:後者是對前者的封裝

$("#sel"):取id為sel的jquery物件,實際返回的是個陣列。

$("#sel")[0]:是取

id為sel的jquery物件裡面封裝的dom物件,也就是該元素本身。

$(".class"):是取class為class的jquery物件的集合

四:獲得select的選中值:

$("#sel").val():獲得select的選中項值。

五:遍歷class名相同的checkbox,獲得多個checkbox選中值:

var ck = $(".check");

for(var i=0; i

}

六:

遍歷class名相同的radiobutton,獲得多個radiobutton

選中值:

var ck = $(".radio");

for(var i=0; i

}

jQuery選取表單元素

表單元素選擇器 選擇器 說明 button 元素和type屬性值為button的元素。checkbox type屬性值為checkbox的元素。使用 type checkbox 能獲得更高的效能。checked 選中的單選按鈕和核取方塊元素。disabled 所有被禁用的元素。enabled 所有被...

Jquery獲取值 單元素

獲取一組radio被選中項的值 var item input name items checked val 獲取select被選中項的文字 var item select name items option selected text select下拉框的第二個元素為當前選中值 select id ...

JQuery 的選取元素 和 方法

jquery 選擇選取元素 jquery選擇器 id選擇器 js一般盡量用id選擇器,效率最高 id html 類選擇器 classname text 標籤選擇器 p click 屬性選擇器 li id li id link fadein 層級選擇器 li link show 父子選擇器 ul li...