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)//刪除屬性。