jquery中$(":input")和$("input")有什么区别

最新推荐文章于 2022-12-01 21:42:37 发布

wangmj518

最新推荐文章于 2022-12-01 21:42:37 发布

阅读量1.7k

点赞数

分类专栏： js

js 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了jQuery中两种不同的选择器用法：:input用于选取多种表单元素，包括input, textarea, select和button；而input仅用于选取input元素，并通过示例展示了两者的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

区别

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

查找所有的input元素，下面这些元素都会被匹配到。

HTML 代码:

<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")`

结果:

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