先看代码，后面详细解释：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>

		<script>

		$(function(){

			//选择type类型进行更改

			$("input[type=text]").css("background-color","aquamarine");

			//选择name属性以z开头的

			$("input[name^=z]").css("background-color","aquamarine");

			//选择name属性以e结尾

			$("input[name$=e]").css("background-color","aquamarine");

			//选择name属性中有p

			$("input[name*=p]").css("background-color","aquamarine");

			//选择复合器，同时符合多种条件多种

			$("input[type=text][name*=n]").css("background-color","aquamarine");

		})

		</script>

	</head>

	<body>

		<center>

		<h3>注册页面</h3>

		<hr />

		<form action="" method="get">

		<table border="1px">

			<tr height="35px">

				<td width="150px">用户名：</td>

				<td width="400px">

					<input type="text" name="zuname" id="uname" value="" alt="用户名" οnblur="checkName()"/>

				    <span id="uname_span">*用户名必须是3-5位的汉字</span>

				</td>

			</tr>

			<tr height="35px">

				<td>密码：</td>

				<td>

					<input type="password" name="zpwd" id="pwd" value="" alt="密码" οnblur="checkPwd()"/>

					<span id="pwd_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>手机号：</td>

				<td>

					<input type="text" name="zphone" id="phone" value="" alt="手机号" />

					<span id="phone_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>邮箱：</td>

				<td>

					<input type="text" name="email" id="email" value="" alt="邮箱" οnblur="checkEmail()" />

				    <span id="email_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>颜色：</td>

				<td>

					<input type="color" name="scolor" id=""  />

				</td>

			</tr>

			<tr height="35px">

				<td>爱好：</td>

				<td>

					<input type="checkbox" name="fav" id="" value="1" />唱歌

					<input type="checkbox" name="fav" id="" value="2" />睡觉

					<input type="checkbox" name="fav" id="" value="3"  />LOL<br />

					<input type="checkbox" name="fav" id="" value="4"  />旅游

					<input type="checkbox" name="fav" id="" value="5" />高尔夫

					<input type="checkbox" name="fav" id="" value="6" />篮球

				</td>

			</tr>

			<tr height="35px">

				<td>籍贯：</td>

				<td>

					<select name="adress" id="sel" οnchange="checkAdress()">

						<option value="0">--请选择--</option>

						<option value="1">河南</option>

						<option value="2">湖南</option>

						<option value="3">海南</option>

						<option value="4">云南</option>

					</select>

					<span id="sel_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>验证码</td>

				<td>

					<input type="number" name="" id="yzm" value="" οnblur="checkYZM()"/>

					<span id="yzm_span"></span>

					<span id="yzm2_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>个人介绍：</td>

				<td>

					<textarea name="intro" rows="8" cols="30"></textarea>

				</td>

			</tr>

			<tr height="35px">

				<td colspan="2" align="center">

					<input type="checkbox" name="" id="check" value="" οnclick="checkAgree()">是否同一本公司协议

				</td>

			</tr>

			<tr height="35px">

				<td colspan="2" align="center">

					<input type="submit" id="sub" value="注册" disabled="true"/>

				</td>

			</tr>

		</table>

		</form>

		</center>

	</body>

</html>

选择type属性是text的标签：（类似于 $(":text")）

$("input[type=text]").css("background-color","aquamarine");

选择name属性以z开头的:(开头符号 ^)

$("input[name^=z]").css("background-color","aquamarine");

选择name属性以e结尾：（结尾符号 $）

$("input[name$=e]").css("background-color","aquamarine");

选择name属性中有p:(包含，含有 符号：*)

$("input[name*=p]").css("background-color","aquamarine");

选择复合器，同时符合多种条件多种:

$("input[type=text][name*=n]").css("background-color","aquamarine");
<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title></title>

		<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>

		<script>

		$(function(){

			//获取form表单的所有表单项

			var inp=$(":input").length;

			//alert(inp);

			//获取input标签中type属性是text

			$(":text").css("background-color","darkblue");

			//等同于：

			$("input[type=text]").css("background-color","darkblue");

			//获取input标签中checked属性

			var val=$("input:checked");

			//alert(val.val());

			//获取input标签中属性disabled

			var dd=$("input:disabled");

			alert(dd.val());

			//获取select中有selected属性。

			var val=$("select option:selected");

			//alert(val.val());

		})

		</script>

	</head>

	<body>

		<center>

		<h3>注册页面</h3>

		<hr />

		<form action="" method="get">

		<table border="1px">

			<tr height="35px">

				<td width="150px">用户名：</td>

				<td width="400px">

					<input type="text" name="zuname" id="uname" value="" alt="用户名" οnblur="checkName()"/>

				    <span id="uname_span">*用户名必须是3-5位的汉字</span>

				</td>

			</tr>

			<tr height="35px">

				<td>密码：</td>

				<td>

					<input type="password" name="zpwd" id="pwd" value="" alt="密码" οnblur="checkPwd()"/>

					<span id="pwd_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>手机号：</td>

				<td>

					<input type="text" name="zphone" id="phone" value="" alt="手机号" />

					<span id="phone_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>邮箱：</td>

				<td>

					<input type="text" name="email" id="email" value="" alt="邮箱" οnblur="checkEmail()" />

				    <span id="email_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>颜色：</td>

				<td>

					<input type="color" name="scolor" id=""  />

				</td>

			</tr>

			<tr height="35px">

				<td>爱好：</td>

				<td>

					<input type="checkbox" name="fav" id="" value="0"/>唱歌

					<input type="checkbox" name="fav" id="" value="1" checked="checked"/>睡觉

					<input type="checkbox" name="fav" id="" value="2"/>LOL

					<input type="checkbox" name="fav" id="" value="3"/>旅游

					<input type="checkbox" name="fav" id="" value="4"/>高尔夫

					<input type="checkbox" name="fav" id="" value="5"/>篮球

				</td>

			</tr>

			<tr height="35px">

				<td>籍贯：</td>

				<td>

					<select name="adress" id="sel" οnchange="checkAdress()">

						<option value="0">--请选择--</option>

						<option >河南</option>

						<option >湖南</option>

						<option selected="selected">海南</option>

						<option >云南</option>

					</select>

					<span id="sel_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>验证码</td>

				<td>

					<input type="number" name="" id="yzm" value="" οnblur="checkYZM()"/>

					<span id="yzm_span"></span>

					<span id="yzm2_span"></span>

				</td>

			</tr>

			<tr height="35px">

				<td>个人介绍：</td>

				<td>

					<textarea name="intro" rows="8" cols="30"></textarea>

				</td>

			</tr>

			<tr height="35px">

				<td colspan="2" align="center">

					<input type="checkbox" name="" id="check" value="" οnclick="checkAgree()">是否同一本公司协议

				</td>

			</tr>

			<tr height="35px">

				<td colspan="2" align="center">

					<input type="submit" id="sub" value="注册" disabled="true"/>

				</td>

			</tr>

		</table>

		</form>

		</center>

	</body>

</html>

获取form表单的所有表单项和   $("input")   进行区别开， $("input") 表示获取表单元素是input的。

$(":input")

获取input标签中type属性是text：

$(":text").css("background-color","darkblue");

获取input标签中checked属性：

$("input:checked");

获取input标签中属性disabled：

$("input:disabled");

获取select中有selected属性：

$("select option:selected");

jQuery中的属性选择器的更多相关文章

  1. js进阶 10-6 jquery中的属性选择器有哪些

    js进阶 10-6 jquery中的属性选择器有哪些 一.总结 一句话总结: 1.第一遍能学会么? 一遍是肯定学不会的,要多学几遍,所以想着怎么加快速度,减少学习的遍数 2.属性选择器是干嘛的? 选择 ...

  2. jQuery入门（1）jQuery中万能的选择器

    jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...

  3. jquery笔记之属性选择器 查找以某种条件开头的页面元素

    jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]& ...

  4. js进阶 10-5 jquery中的层级选择器有哪些

    js进阶 10-5 jquery中的层级选择器有哪些 一.总结 一句话总结: 1.jquery中的层级选择器有哪些? 四种,后代,子代,兄弟,相邻兄弟 2.如何区别jquery中的层级选择器? 记住这 ...

  5. jquery中的属性和css

    jQuery中的属性用于获取或设置元素的属性 1.attr(),获取或设置所有相匹配的元素的属性值:removeAttr("attr"),移除所有相匹配的元素的属性 //html ...

  6. jQuery中的:input选择器

    jQuery中的:input选择器 jQuery中的:input选择器包含input, textarea, select 和 button这些标签. <!DOCTYPE html> < ...

  7. js进阶 11-3 jquery中css属性如何操作

    js进阶 11-3  jquery中css属性如何操作 一.总结 一句话总结:通过css()方法 1.attr和css是有交叉的,比如width,两者中都可以设置,那么他们的区别是什么? 其实通俗一点 ...

  8. jQuery中的属性过滤选择器（四、五）：[attribute] 、[attribute=value]、[attribute!=value] 、[attribute^=value] 等

    <!DOCTYPE html> <html> <head> <title>属性过滤选择器</title> <meta http-equ ...

  9. jQuery选择器之属性选择器Demo

    测试代码: 06-属性选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

随机推荐

  1. 虚拟机添加硬盘RAID5并分区、格式化、挂载使用

    当全新安装了一块新的硬盘设备后,为了更充分.安全的利用硬盘空间首先要进行磁盘的分区,然后格式化,最后挂载使用. 1.开启虚拟机之前,先添加硬盘设备,在这里我添加了5块硬盘(5块磁盘,3块做RAID5, ...

  2. 《计算机网络 自顶向下方法》 第3章 运输层 Part2

    待补充完善 TCP 相关基本点 1.面向连接 两个不同主机上的进程在通过 TCP 进行通信之前,必须先通过三次握手来建立 TCP 连接 2.全双工服务 即,如果一台主机上的进程 A 与另一台主机上的进 ...

  3. 【Flume】Flume基础之安装与使用

    1.Flume简介 ​ (1) Flume提供一个分布式的,可靠的,对大数据量的日志进行高效收集.聚集.移动的服务,Flume只能在Unix环境下运行. ​ (2) Flume基于流式架构,容错性强, ...

  4. CentOs虚拟机配置

    1.打开“VMware”,点击“主页”,点“创建新的虚拟机”: 2.会弹出一个“新建虚拟机向导”,类型选择“典型”,点击“下一步”: 3.选择“稍后安装操作系统”,点击“下一步”: 4.我们用的是Li ...

  5. 使用C#+FFmpeg+DirectX+dxva2硬件解码播放h264流

    本文门槛较高,因此行文看起来会乱一些,如果你看到某处能会心一笑请马上联系我开始摆龙门阵 如果你跟随这篇文章实现了播放器,那你会得到一个高效率,低cpu占用(单路720p视频解码播放占用1%左右cpu) ...

  6. sql注入基本原理

    SQL注入基本原理 WEB技术发展日新月异,但是徒手拼SQL的传统手艺还是受相当多的开发者亲睐.毕竟相比于再去学习一套复杂的ORM规则,手拼更说方便,直观.通常自己拼SQL的人,应该是有听说过SQL注 ...

  7. vant-ui的van-uploader上传图片

    移动端上传图片是很常用的功能,这里使用vant-ui实现. 效果如图 上传图片的vue页面:Customer.vue html <div :class="postData.length ...

  8. 论文阅读：Face Recognition: From Traditional to Deep Learning Methods 《人脸识别综述：从传统方法到深度学习》

     论文阅读:Face Recognition: From Traditional to Deep Learning Methods  <人脸识别综述:从传统方法到深度学习>     一.引 ...

  9. 视频转GIF+GIF录制

    GIF录制 Windows--oCam oCam使用非常简便,它还可以用来录音,录制视频,并且是单文件版,很小,使用也非常方便,如果用来录制GIF,大家导出录制的视频选择GIF格式就可以了: Wind ...

  10. 利用scrapy爬取腾讯的招聘信息

    利用scrapy框架抓取腾讯的招聘信息,爬取地址为:https://hr.tencent.com/position.php 抓取字段包括:招聘岗位,人数,工作地点,发布时间,及具体的工作要求和工作任务 ...