cari

Rumah >hujung hadapan web >tutorial js >jQuery :input选择器使用详解

jQuery :input选择器使用详解

黄舟
黄舟asal
2017-06-23 15:19:471272semak imbas

概述

匹配所有 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选择器-脚本之家
 
 
 
 

     
  
  • 读书
    •

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

Atas ialah kandungan terperinci jQuery :input选择器使用详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery选择器:only-child的使用案例详解Artikel seterusnya： jQuery选择器input和:input两者之间的区别

Artikel berkaitan

Lihat lagi