jquery中$(":input")和$("input")有什麼區別

NO IMAGE

區別

1.  :input的作用是查詢所有的input元素: input, textarea, select 和 button 元素。

查詢所有的input元素,下面這些元素都會被匹配到。

HTML 程式碼:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form>
    <input type="button" value="Input Button"/>
    <input type="checkbox" />
 
    <input type="file" />
    <input type="hidden" />
    <input type="image" />
 
    <input type="password" />
    <input type="radio" />
    <input type="reset" />
 
    <input type="submit" />
    <input type="text" />
    <select><option>Option</option></select>
 
    <textarea></textarea>
    <button>Button</button>
 
</form>

jQuery 程式碼:

1
$(":input")

結果:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    <input type="button" value="Input Button"/>,
    <input type="checkbox" />,
 
    <input type="file" />,
    <input type="hidden" />,
    <input type="image" />,
 
    <input type="password" />,
    <input type="radio" />,
    <input type="reset" />,
 
    <input type="submit" />,
    <input type="text" />,
    <select><option>Option</option></select>,
 
    <textarea></textarea>,
    <button>Button</button>,
 ]

2. input僅僅選擇input元素。

查詢一個 input 元素。

HTML 程式碼:

1
2
3
<input>INPUT1</input>
<input>INPUT2</input>
<span>SPAN</span>

jQuery 程式碼:

1
$("input");

結果:

1
[ <input>INPUT1</input>,<input>INPUT2</input> ]