jQuery 表單選擇器

一、表單選擇器

<a href="https://s2.51cto.com/wyfs02/M00/08/5A/wKiom1ngMxfRMt87AADTPGVCo8Q650.png" target="_blank"></a>

:input：擷取所有表單中的元素，包含input元素、textarea元素、select元素、button元素。

例如：

HTML代碼：

1

2

3

4

5

6

<code>&lt;</code><code>form</code><code>&gt;</code>

<code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>name</code><code>=</code><code>"user"</code> <code>value</code><code>=</code><code>"123"</code><code>&gt;</code>

<code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"password"</code> <code>name</code><code>=</code><code>"pass"</code> <code>value</code><code>=</code><code>"456"</code><code>&gt;</code>

<code>&lt;</code><code>textarea</code><code>&gt;&lt;/</code><code>textarea</code><code>&gt;</code>

<code>&lt;</code><code>select</code><code>&gt;&lt;/</code><code>select</code><code>&gt;</code>

<code>&lt;/</code><code>form</code><code>&gt;</code>

JS代碼：

<code>alert($(</code><code>':input'</code><code>).size())</code>

結果：4

如果選取name=“user”的元素，可以這樣：

<code>$(':input[name="user"]')</code>

注意：$(':input')這種選擇元素的方式本身沒有問題，但如果html代碼中有多個input元素，如果使用

<code>$('form :input')</code>

這種方式選擇元素會有助于提高效率

二、表單過濾器

<a href="https://s1.51cto.com/wyfs02/M01/08/5B/wKiom1ngPf6joaYgAADqyNuSx3g454.png" target="_blank"></a>

元素預設都是enabled，即可用的。如果要把一個元素設定為不可用的，則在元素中加上disabled="disabled",例如：

<code>&lt;</code><code>input</code> <code>type</code><code>=</code><code>"text"</code> <code>disabled</code><code>=</code><code>"disabled"</code> <code>name</code><code>=</code><code>"user"</code> <code>value</code><code>=</code><code>"123"</code><code>&gt;</code>

本文轉自 曾哥最愛 51CTO部落格，原文連結：http://blog.51cto.com/zengestudy/1972105，如需轉載請自行聯系原作者