[jQuery] 选择器 input 和 :input 区别

浏览数：19 / 时间：2015年06月09日

jQuery 选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。

input 属于“基本选择器”，选择页面中所有的 <input> 元素

:input 属于“表单选择器”，选择页面中所有的 <input> <textarea> <select> <button> 元素

示例代码：注意理解 $("input") 和 $(":input") 选择元素的区别

		<script type="text/javascript">
			$(function() {
				var len1 = $("input").length;
				alert("form input length: " + len1); //3
				var len2 = $(":input").length;
				alert("form :input length: " + len2); //9
			});
		</script>
		
		<input type="text" />
		<textarea></textarea>
		<select>
			<option></option>
		</select>
		<button></button>
		<form>
			<input type="text" />
			<textarea></textarea>
			<select>
				<option></option>
			</select>
			<button></button>
			<input type="submit" />
		</form>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

[jQuery] 选择器 input 和 :input 区别