jQuery :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 代码:

$(":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>, ]

此选择器匹配所有的input元素。例如：ec1428ba487b0fd5d7fe857f9d4b2faa等等

语法结构:

$(":input")

实例代码:

 
 
 
 
 
  
读书
 
 
点击查看效果 
 

以上代码，点击按钮后可以将input元素隐藏。

以上是jQuery :input选择器使用详解的详细内容。更多信息请关注PHP中文网其他相关文章！