JQuery的核心的一些方法

三、JQuery的核心的一些方法

each(callback) ‘就像循環

$(「Element」).length; ‘元素的個數,是個屬性

$(「Element」).size(); '也是元素的個數,不過帶括號是個方法

$(「Element」).get(); ‘某個元素在頁面中的集合,以數組的形式存儲

$(「Element」).get(index); '功能和上面的相同,index表示第幾個元素,數組的下標

$(「Element」).get().reverse(); ‘把獲得的數組方向

$(「Element1″).index($(「Element2″)); '元素2在元素1中的索引值是。。。

四、基本對象獲取

$(「*」) ‘表示獲取全部對象

$(「#element」) '得到想CSS中的ID號同樣

$(「.abc」) ‘全部使用.abc樣式的元素

$(「div」) ‘標籤選擇器 選擇全部的div元素

$(「#a,.b,span」) ‘表示得到ID是a的元素和使用了類樣式b的元素以及全部的span元素

$(「#a .b p」) ‘ID號是a的而且使用了 b樣式的 全部的p元素

五、層級元素獲取

$(「Element1 Element2 Element3 ….」) ‘前面父級 後面是子集

$(「div > p」) ‘獲取div下面的全部的 p元素

$(「div + p」) ‘div元素後面的第一個 p元素

$(「div ~ p」) ‘div後面的全部的 p元素

六、簡單對象獲取

$(「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)」) ‘取得給定索引值的元素 以前的全部元素

。。。

七、內容對象的獲取和對象可見性

$(「Element:contains(text)」) ‘元素中是否包含text文本內容

$(‘Element:empty」) ‘得到元素不包含子元素或文本的

$(「Element:partnt」) ‘得到元素包含子元素或文本的

$(「Element:has(selector)」) ‘是否包含某個元素, 如:$(「p:has(span)」)表示全部包含span元素的p元素

$(「Element:hidden」) ‘選擇全部可見元素

$(「Element:visible」) ‘選擇全部不可見元素

八、其餘對象獲取方法

$(「Element[id]「) ‘全部帶有ID屬性的元素

$(「Element[attribute = youlika ]」 ‘得到全部某個屬性爲youlika的元素

$(「Element[attribute != youlika ]」 ‘得到全部某個屬性爲不是youlika的元素

$(「Element[attribute ^= youlika ]」 ‘得到全部某個屬性爲不是youlika的開頭的元素

$(「Element[attribute $= youlika ]」 ‘得到全部某個屬性爲不是youlika的結尾的元素

$(「Element[attribute *= youlika ]」 ‘得到全部某個屬性包含youlika的開頭的元素

$(「Element[selector1][selector2][....]「) '符合屬性選擇器,好比$(「input[id][name][value=youlika ]「)表示得到帶有ID、Name以及value是youlika 的input元素。

九、子元素的獲取

$(「Element:nth-child(index)」) ‘選擇父級下面的第n個元素

$(「Element:nth-child(even)」) ‘選擇父級下面的偶數

$(「Element:nth-child(odd)」) ‘選擇父級下面的奇數

$(「Element:nth-child(3n+1)」) ‘表達式

$(「Element:first-child」) ‘選擇父級下面的第一個子元素

$(「Element:last-child」) ‘選擇父級下面的最後一個子元素

$(「Element:only-child」) ‘匹配父級下的惟一的一個子級元素,例如dt在dl列表中惟一,那麼將選擇dt

十、表單對象獲取

$(:input)//查找全部的Input元素,固然也包括下拉列表,文本域,單選框,複選框等。

$(:text)//匹配全部的單行文本框

$(:password)//匹配全部的密碼框

$(:radio)//匹配全部的單選按鈕

$(:checkbox)//匹配全部的複選框

$(:submit)//匹配全部的提交按鈕

$(:image)//匹配全部的圖像域,例如<input type=」image」 />

$(:reset)//匹配全部的重置按鈕

$(:button)//匹配全部的按鈕

$(:file)//匹配全部的文件上傳域

$(:hidden)//匹配全部的不可見元素或者type爲hidden的元素

$(:enabled)//匹配全部可用的input元素,好比radio:enabled表示匹配全部可用的單選按鈕

$(:disabled)//匹配全部的不可用input元素,做用與上相反

$(:checked)//匹配全部選中的複選框元素

$(:selected)//匹配全部的下拉列表

十一、元素屬性的設置與移除

$(「Element」).attr(name) ‘取得第一個匹配的屬性值,好比$(「img」).attr(「src」)

$(「Element」.attr(key,value)」) ‘某一個元素設置屬性

$(「Element」.attr({key:value,key1:value,….})) ‘爲某個元素一次性設置多個屬性

$(「Element」).attr(key,function) ‘爲全部匹配的元素設置一個計算的屬性值。

$(「Element」).removeAttr(name)//移除某一個屬性數組

相關文章
相關標籤/搜索