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

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>
时间: 2024-07-31 00:33:11

[jQuery] 选择器 input 和 :input 区别的相关文章

jQuery选择器中,通配符[id^=&#39;code&#39;]input[id$=&#39;code&#39;][id*=&#39;code&#39;]

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选择 $("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

Jquery实时监听input value

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body id="lia-body"> <div class="lia-content"> <div class="

CSS选择器和jQuery选择器的区别与联系

我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式迭代的特点,无需循环遍历符合选择器要求的每个元素,使用起来相对方便,通常,把css选择器用$("")包起来就成了一个jQuery选择器,如   CSS选择器 jQuery选择器 ID选择器 #myID $("myID") 类选择器 .myClass $(".myClass") 标签选择器 p $("p") 层次选择器 div > strong $(&qu

Jquery显示与隐藏input默认值的实现代码

本文介绍下,用Jquery实现显示或隐藏html页面中的Input值的方法,通过一个具体的例子,帮助大家的理解,有需要的朋友参考下吧. 代码如下(需要引入外部Jquery文件,本例为jquery-1.7.1.min.js): 代码示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

使用jQuery实时监听input输入值的变化

//jQuery实时监听input值变化 $("#email").on("input propertychange",function(){ var str = $(this).val(); console.log(str); //alert(str); });

HTML中button和input button的区别

button和input button的区别 一句话概括主题:<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加强大. HTML 4.01规范的Forms部分指 名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了button

JQUERY实现点击INPUT使光标移动到最后或指定位置

下面本文章给大家简单介绍一下JQUERY实现点击INPUT使光标移动到最后或指定位置例子,希望对各位有帮助,你要知道面对一个 处女座的 需求者, focus()是远远不够的,比如说“我点进去的时候光标要在最后,这样我就不用再把光标移动到最后去添加东西了.”,oh,让我先撞下墙. 我们需要扩展jQuery,代码如下: //光标放在最后 $("#文本框ID").textFocus();光标放在第二个字符后面 $("#文本框ID").textFocus(2); (func

&lt;button&gt;和&lt;input type=&quot;button&quot;&gt;区别

1.定义和用法 定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> <button> 中间可以放:图片.文本等比较丰富的内容.    唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为, 请始终为按钮规定 type 属性.Internet Explorer 的默认类型是 "button"