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元素。例如：等等

語法結構:

$(":input")

實例代碼:

 
 
 
 
 
  
读书
 
 
点击查看效果 
 

以上程式碼，點選按鈕後可以將input元素隱藏。

以上是jQuery :input選擇器使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！