JQuery表單選擇器

2021-09-02 01:43:00 字數 2529 閱讀 1177

:input:選擇所有的input、textarea、select、button標籤。因為:input不是css規範的一部分而是jquery擴充套件,所以使用:input查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:input選擇元素時想要獲得最佳效能,則需要首先用純css選擇器選擇元素,然後使用.filter(":input")。

:text:選擇所有type為text的input元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":text")等價於$("*:text")。從jquery1.5.2起,:text會選擇沒有指定type屬性的input元素(因為type預設為text)。因為:text不是css規範的一部分而是jquery擴充套件,所以使用:text查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:text選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='text']。

:password:選擇所有type為password的input元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":password")等價於$("*:password")。因為:password不是css規範的一部分而是jquery擴充套件,所以使用:password查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:password選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='password']。

:radio:選擇所有type為radio的input元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":radio")等價於$("*:radio")。因為:radio不是css規範的一部分而是jquery擴充套件,所以使用:radio查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:radio選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='radio']。此外如果想要選擇一組相關的radio元素可以使用$("input[name='***']:radio"),即可獲得name為***的所有radio。

:checkbox:選擇所有type為checkbox的input元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":checkbox")等價於$("*:checkbox")。因為:checkbox不是css規範的一部分而是jquery擴充套件,所以使用:checkbox查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:checkbox選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='checkbox']。

:submit:選擇所有type為submit的input、button元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":submit")等價於$("*:submit")。因為:submit不是css規範的一部分而是jquery擴充套件,所以使用:submit查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:submit選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即input[type='submit']、button[type='submit']。有些瀏覽器會隱式的將button元素看作是type="submit"。

:reset:選擇所有type為reset的input元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":reset")等價於$("*:reset")。因為:reset不是css規範的一部分而是jquery擴充套件,所以使用:reset查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:reset選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='reset']。

:button:選擇所有的button元素和type為button的input元素,等價於button input[type='button']。因為:button不是css規範的一部分而是jquery擴充套件,所以使用:button查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:button選擇元素時想要獲得最佳效能,則需要首先用純css選擇器選擇元素,然後使用.filter(":button")。

:image:選擇所有type為image的input元素,[type='image']。因為:image不是css規範的一部分而是jquery擴充套件,所以使用:image查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:image選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='image']。

:file:選擇所有type為file的input元素,與其他偽類選擇器一樣,建議在其前面加上標記名稱或其他選擇器。否則將隱式的使用$("*"),也就是說$(":file")等價於$("*:file")。因為:file不是css規範的一部分而是jquery擴充套件,所以使用:file查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用:file選擇元素時想要獲得最佳效能,建議使用屬性選擇器代替,即[type='file']。

JQuery表單選擇器

input 表單選擇器可以實現,它的功能是返回 全部的表單元素 不僅包括所有標記的表單元素,而且還包括 和 標記的表單元素,因此,它選擇的表單元素是最廣的。如下圖所示,使用 input 表單選擇器獲取表單元素,並向這些元素增加乙個css樣式類別,修改它們在頁面中顯示的邊框顏色。通過呼叫 frmtes...

jQuery 表單選擇器

一 常規選擇器 input val 預設獲取第乙個表單元素 input eq 1 val 獲取第二個表單元素 input type password val 選擇所有type為password的表單元素 input name user val 選擇所有name為user的表單元素 二 表單選擇器 i...

jQuery表單選擇器

input 獲取表單全部元素 text 表單文字選擇器,可以獲取表單中全部單行的文字輸入框元素 password 獲取密碼輸入文字框 radio 獲取表單中的全部單選按鈕元素 checkbox 快速定位並獲取表單中的核取方塊元素 submit 獲取表單中的提交按鈕元素 image 選擇器獲取影象元素...