首頁 > web前端 > js教程 > jquery取得物件的方法足以應付常見的各種類型的物件_jquery

jquery取得物件的方法足以應付常見的各種類型的物件_jquery

WBOY
發布: 2016-05-16 16:48:12
原創
1229 人瀏覽過
(1)基本物件取得

$("*")
取得所有物件

$("#element")
取得id為element的物件等同於document.getElementById(“element”);

$(".abc")
取得class為abc的物件

$("div")
取得html中所有的div元素

$("#a,.b,p")
取得id為a和class為b以及所有p元素

$("# a .b p")
取得id為a且class為b元素下的p元素

(2)層級物件取得

$("div> input")
取得div下所有input物件

$("div h")
取得緊接在div後的h元素

$("div~p ")
取得所有在元素div之後的p元素

(3)簡單物件取得

$("element:first")
取得頁面上某個元素的第一個如$("div:frist")表示第一個div

$("element:last")
取得頁面上某個元素的最後一個如$("div:frist")表示最後一個div

$("element:not(selector)")
去除所有與選擇器相符的元素如$("input:not(:check )")表示所有未選取的複選框

$("element:even")
取得element元素的偶數行

$("element:odd")
取得元素的奇數行

$("element:eq(index)")
取得特定索引的元素如$("div:el(2)")表示第三個div

$("element:gt(index)")
匹配所有大於給定索引值的元素

$("element:lt(index)")
匹配所有小於給定索引的元素

$(":header")
匹配h標記的元素

$("element:animated")
匹配所有沒有執行動畫效果的元素

(4)內容物件的取得和物件的可見性

$("Element:contains(text)")
元素中的文本是否包含某個字母或字串

$("Element:empty")
取得不包含文字或子元素的元素物件

$("Element:parent")
取得物件元素包含文字或子元素

$("Element:has(selector)")
符合含有某個元素是否包含某個元素如$("p:has(span) ")表示所有包含span元素的p元素

$("Element:hidden")
匹配所有不可見元素,包括display:none 以及input的屬性是hidden的元素

$("Element:visible")
符合所有課件元素

(5)物件取得進階

$("Element[id]")
取得所有帶有id屬性的元素

$("Element[attribute=abcd]")
取得所有某個屬性為abcd的元素

$("Element [attribute!=abcd]")
取得所有某個屬性不為abcd的元素

$("Element[attribute^=ab]")
取得所有某個屬性以ab開頭的元素

$("Element[attribute$=ab]")
得到所有某個屬性以ab結尾的元素

$("Element[attribute*=ab]" )
取得所有含有某個屬性包含ab的元素

$("Element[selector1][selector2][.....]")
符合屬性選擇器如$(" input[id][name][value=abcd]")表示獲得帶有ID、Name以及value是abcd的input元素

(6)子元素的獲取

$("Element:nth-child(index)")
選擇父級下的第N個子元素,索引從1開始
:nth-child(even)偶數
:nth- child(odd)奇數
:nth-child(3n)表達式
:nth-child(2)索引
:nth-child(3n 1)表達式

$(" Element:first-child")
父級下的第一個子級元素

$("Element:last-child")
父級下的最後一個子級元素

$("Element:only-child")
父級下的唯一的一個子級元素

(7)表單物件的取得

$(:input)
只能符合input元素類型為input button select textarea

$(:text)
所有當行文字方塊

$(password)
所有密碼框

$(:radio)
所有單選按鈕

$(:checkbox)
所有複選框

$( :submit)
所有提交按鈕

$(:image)
所有圖片域
$(:reset)
所有儲值按鈕

$(:button )
所有按鈕

$(:file)
所有的檔案上傳域

$(:hidden)
所有不可見元素或type為hidden的元素

$(:enabled)
所有可用input元素

$(:disabled)
所有可用input元素

$(:checked)
所有複選框元素

$(:selected)
所有下拉表

(8)元素屬性的設定與移除

$("Element").attr(name)
取得第一個符合元素的屬性值如$("img").attr("src");

$("Element") .attr({key:value,key:value,......})
一次性設定某一個元素多個屬性

$("Element").attr(key, value)
為某個元素設定屬性

$("Element").attr(key,function)
為所有符合的元素設定一個計算的屬性

$ ("Element").removeAttr(name)
移除某一個屬性
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板