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

猜你喜欢

转载自blog.csdn.net/wangmj518/article/details/80233997