區別
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 > ] |