當前位置:成語大全網 - 書法字典 - 如何查看jquery對象的屬性和方法?

如何查看jquery對象的屬性和方法?

這太過分了!

1和JQuery核心的壹些方法

每個(回調)就像壹個循環。

$(“元素”)。長度;元素的數量是壹個屬性。

$(“元素”)。size();也是元素的數量,但是括號是壹種方法

$(“元素”)。get();頁面中元素的集合,以數組的形式存儲。

$(“元素”)。get(索引);函數同上,索引指示的是哪個元素,數組的下標。

$(“元素”)。獲取()。反向();放陣列方向。

$("Element1 ")。index($(" element 2 "));元素1中元素2的索引值為。

2、基本對象獲取(註意這裏獲取的對象都是Jquery對象而不是Dom對象,但是可以轉換)

$(“*”)'的意思是獲取所有對象,但我至今沒有用過。

$("#XXX ")'獲取id=XXX的元素對象(id可以是標簽id,也可以是CSS樣式id)常用。

$("input[name='username']")獲取輸入標記中name='username '的元素對象。

$(".abc ")'具有樣式類名稱的元素對象。常用abc。

$(" div ")'標記選擇器選擇所有常用的div元素。

$("#a,。' B,span ")'的意思是獲取ID為A的元素,class style為B的元素以及所有的span元素。

$("#a .b p") 'ID號為A,使用B樣式的所有P元素。

3.層級元素的獲取

$(" Element 1 Element 2 Element 3 ... ")”前面是父級,後面是子集。

$(" div & gt;P ")'獲取div下的所有P元素。

$("div+p") 'div元素後的第壹個p元素。

$("div ~ p") 'div之後的所有p元素

4、簡單的對象獲取

$(" element:first ")' HTML頁面中元素的第壹個元素。

$(" element:last ")' HTML頁面中元素的最後壹個元素。

$(“Element:not(selector)”)'刪除所有匹配給定選擇器的元素,例如:$(“input:not(:checked)”)表示選中所有未選中的復選框。

$("Element:even ")'獲取偶數行。

$("Element:odd ")'獲取奇數行。

$("Element:eq(index)")'獲取給定的索引值。

$("Element:gt(index)")'獲取具有給定索引值的元素之後的所有元素。

$("Element:lt(index)")'獲取具有給定索引值的元素之前的所有元素。

5.內容對象的獲取和對象的可見性

$("Element:contains(text)")'元素是否包含文本內容?

$('Element:empty ")'獲取不包含子元素或文本的元素。

$(" Element:partt ")'獲取包含子元素或文本的元素。

$ ("element: has (selector)")'是否包含壹個元素,如:$("p:has(span)")表示所有P元素包含span元素。

$("Element:hidden ")'選擇所有可見元素。

$("Element:visible ")'選擇所有不可見的元素。

6、其他對象獲取方法

$("Element[id]")所有具有id屬性的元素。

$("Element[attribute = youlika]" '獲取屬性為youlika的所有元素。

$("Element[attribute!= youlika]" '獲取屬性不是youlika的所有元素。

$ ("element [attribute = youlika]" '獲取屬性不是youlika開頭的所有元素。

$("Element[attribute $= youlika]" '獲取屬性不是youlika結尾的所有元素。

$("Element[attribute *= youlika]" '獲取所有屬性包含youlika開頭的元素。

$("元素[選擇器1][選擇器2] [...]" '符合屬性選擇器,如$(“input[ID][Name][value = youlika]”)表示獲取ID,Name,value為you lika的輸入元素。

7.子元素的獲取

$(" Element:n-child(index)")'選擇父元素下面的第n個元素。

$(" Element:n-child(even)")'選擇父級下面的偶數。

$(" Element:n-child(odd)")'選擇父元素下面的奇數。

$(" element:n-child(3n+1)")'表達式

$("Element:first-child ")'選擇父元素下的第壹個子元素。

$("Element:last-child ")'選擇父元素下的最後壹個子元素。

$(“Element:only-child”)'匹配父元素下的唯壹子元素,例如dt在dl列表中是唯壹的,則dt會被選中。

8.表單對象獲取

$(:Input)//查找所有輸入元素,包括下拉列表、文本字段、單選框、復選框等。

$(:text)//匹配所有單行文本框。

$(:password)//匹配所有密碼框。

$(:radio)//匹配所有單選按鈕。

$(:checkbox)//匹配所有復選框。

$(:submit)//匹配所有提交按鈕。

$(:image)//匹配所有圖像字段,例如

$(:reset)//匹配所有重置按鈕。

$(:button)//匹配所有按鈕。

$(:file)//匹配所有文件上傳字段。

$(:hidden)//匹配所有不可見的元素或hidden類型的元素。

$(:enabled)//匹配所有可用的輸入元素,比如radio:enabled表示匹配所有可用的單選按鈕。

$(:disabled)//匹配所有不可用的輸入元素,效果正好相反。

$(:checked)//匹配所有選定的復選框元素。

$(:selected)//匹配所有下拉列表。

9.設置和刪除元素屬性

$(“元素”)。attr(name)'獲取第壹個匹配的屬性值,比如$(“img”)。attr(“src”)。

$(“元素”。attr(key,value)")'元素設置屬性。

$(“元素”。attr ({key: value,key 1: value...}))'壹次為壹個元素設置多個屬性。

$(“元素”)。attr(key,function)'設置所有匹配元素的計算屬性值。

$(“元素”)。remove attr(name)//刪除屬性。