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

最新推荐文章于 2025-10-09 04:36:10 发布

转载最新推荐文章于 2025-10-09 04:36:10 发布 · 8.5k 阅读

前端专栏收录该内容

8 篇文章

订阅专栏

本文详细解释了jQuery中 :input 和 input 选择器的不同之处。:input 选择器会选取所有 input, textarea, select 和 button 元素，而 input 选择器仅选取 input 元素。通过示例代码展示了两种选择器的应用场景。

部署运行你感兴趣的模型镜像

区别

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

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率