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

来源：互联网发布：私募变更知乎编辑：程序博客网时间：2024/05/22 01:45

区别

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

0 1