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

區別

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> ]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章