三、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)//移除某一個屬性數組