jQuery1.2選取器

jQuery1.2選取器2007-11-30 21:57

以下的文檔根據官網1.2選取器漢化，並做相應的調整及加入了部份樣本。 由於實際使用中選取器在IE和非IE下會有不同的效果，請參照紅色的字樣。如有錯誤請及時聯絡我。 緋雨漢化：http://feiyu.asgard.cn 基本選取器 #myid 返回: <jQuery對象> 匹配一個id為myid的元素。 element 返回: <jQuery對象> 數組 匹配所有的element元素 .myclass 返回: <jQuery對象> 數組 匹配所有class為myclass的元素 * 返回: <jQuery對象> 數組 匹配所有元素。該選取器會選擇文檔中所有的元素，包括html，head，body selector1,selector2,selectorN 返回: <jQuery對象> 數組 匹配所有滿足selector1或selector2或selectorN的元素 層次選擇 elementParent elementChild 返回: <jQuery對象> 數組 匹配elementParent下的所有子項目elementChild。例如：$("div p") 選擇所有div下的p元素 elementParent > elementChild 返回: <jQuery對象> 數組 匹配elementParent下的子項目elementChild。例如：$("div>p") 選擇所有上階項目為div的p元素 prev+next 返回: <jQuery對象> 數組 匹配prev同級之後緊鄰的元素next。例如：$("h1+div") 選擇所有div同級之前為h1的元素（<h1 /><div />） prev ~ siblings 返回: <jQuery對象> 數組 匹配prev同級之後的元素siblings。例如：$("h1~div") 可以匹配（<h1 /><div /><div />） 基本濾鏡 :first 返回: <jQuery對象> 匹配第一個元素 :last 返回: <jQuery對象> 匹配最後一個元素 :not(selector) 返回: <jQuery對象> 數組 匹配不滿足selector的元素 :has(selector) 返回: <jQuery對象> 數組 匹配包含滿足selector的元素。此選取器為1.2新增 :even 返回: <jQuery對象> 數組 從匹配的元素集中取序數為偶數的元素。 :odd 返回: <jQuery對象> 數組 從匹配的元素集中取序數為奇數的元素。 :eq(index) 返回: <jQuery對象> 數組 從匹配的元素集中取第index個元素 :gt(index) 返回: <jQuery對象> 數組 從匹配的元素中取序數大於index的元素 :lt(index) 返回: <jQuery對象> 數組 從匹配的元素中取序數小於index的元素 :header 返回: <jQuery對象> 數組 匹配所有的標題元素，例如h1，h2，h3……hN。此選取器為1.2新增 :animated 返回: <jQuery對象> 數組 匹配正在執行動畫的元素。此選取器為1.2新增 :empty 返回: <jQuery對象> 數組 匹配所有沒有子項目（包括常值內容）的元素 :parent 返回: <jQuery對象> 數組 匹配包含子項目（包含常值內容）的所有元素 :contains(text) 返回: <jQuery對象> 數組 匹配所有含有text的元素 :hidden 返回: <jQuery對象> 數組 匹配所有隱藏的元素，包含屬性type值為hidden的元素 :visible 返回: <jQuery對象> 數組 匹配所有非隱藏的元素 子項目濾鏡 E:nth-child(index/even/odd/equation) 返回: <jQuery對象> 數組 匹配所有E在其父元素下滿足（index/even/odd/equation）條件的集合。註：下標從1開始 E:first-child 返回: <jQuery對象> 數組 匹配所有E在其父元素下是第一個子項目的集合。例如：HTML（<div><p id="p1"></p></div><div><p id="p2"></p><p id="p3"></p></div>"），使用$("p:first-child")，選取：<p id="p1"></p><p id="p2"></p> E:last-child 返回: <jQuery對象> 數組 匹配所有E在其父元素下是最後一個子項目的集合。例如：同上的HTML，使用$("p:last-child")，選取：<p id="p1"></p><p id="p3"></p> E:only-child 返回: <jQuery對象> 數組 匹配所有E是其父元素的唯一子項目的集合。例如：同上的HTML，使用$("p:only-child")，選取：<p id="p1"></p> 表單濾鏡 :input 返回: <jQuery對象> 數組 匹配所有的input、textarea、select、button :text 返回: <jQuery對象> 數組 匹配文本域。註：在IE瀏覽器下，選擇的對象是所有type屬性為text的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為text的元素 :password 返回: <jQuery對象> 數組 匹配密碼域。註：在IE瀏覽器下，選擇的對象是所有type屬性為password的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為password的元素 :radio 返回: <jQuery對象> 數組 匹配選項按鈕。註：在IE瀏覽器下，選擇的對象是所有type屬性為radio的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為radio的元素 :checkbox 返回: <jQuery對象> 數組 匹配複選框。註：在IE瀏覽器下，選擇的對象是所有type屬性為checkbox的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為checkbox的元素 :submit 返回: <jQuery對象> 數組 匹配提交按鈕。註：在IE瀏覽器下，選擇的對象是所有type屬性為submit的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為submit的元素和button元素type屬性為空白或為submit的元素 :image 返回: <jQuery對象> 數組 匹配映像域。註：在IE瀏覽器下，選擇的對象是所有type屬性為image的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為image的元素 :reset 返回: <jQuery對象> 數組 匹配重設按鈕。註：在IE瀏覽器下，選擇的對象是所有type屬性為reset的元素，在非IE瀏覽器下，選擇的對象是input或button元素type屬性為reset的元素 :button 返回: <jQuery對象> 數組 匹配按鈕。註：在IE瀏覽器下，選擇的對象是所有type屬性為button的元素和元素名為button的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為button的元素和元素名為button的元素 :file 返回: <jQuery對象> 數組 匹配檔案域。註：在IE瀏覽器下，選擇的對象是所有type屬性為file的元素，在非IE瀏覽器下，選擇的對象是input元素type屬性為file的元素 :enabled 返回: <jQuery對象> 數組 匹配所有可用的元素。註：即:not(:disabled)，參考:disabled的注釋 :disabled 返回: <jQuery對象> 數組 匹配所有禁用的元素。註：在非IE瀏覽器下，選擇的對象是禁用的表單元素 :checked 返回: <jQuery對象> 數組 匹配所有被選中的表單。註：在IE瀏覽器下，選擇的對象是含有checked屬性的所有元素 :selected 返回: <jQuery對象> 數組 匹配所有選擇的表單。註：在IE瀏覽器下，選擇的對象是含有selected屬性的所有元素 屬性濾鏡 [attribute] 返回: <jQuery對象> 數組 匹配擁有attribute屬性的元素 [attribute=value] 返回: <jQuery對象> 數組 匹配屬性attribute為value的元素 [attribute!=value] 返回: <jQuery對象> 數組 匹配屬性attribute不為value的元素 [attribute^=value] 返回: <jQuery對象> 數組 匹配屬性attribute的值以value開始的元素 [attribute$=value] 返回: <jQuery對象> 數組 匹配屬性attribute的值以value結尾的元素 [attribute*=value] 返回: <jQuery對象> 數組 匹配屬性attribute的值包含value的元素 [selector1][selector2][selectorN] 返回: <jQuery對象> 數組 匹配滿足屬性選取器selector1、selector2、selectorN的元素