3.5 JQ的表单选择器

最新推荐文章于 2022-07-24 23:13:12 发布

P_ning

最新推荐文章于 2022-07-24 23:13:12 发布

阅读量200

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/P_ning/article/details/96840141

版权

jQuery 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript" src="../../js库/jquery-2.1.0.js"></script>
		<script>
			$(function(){
				$(":input").css("background-color","red");
				//:input不仅仅是筛选出input标签,而是所有的输入项
				//至于那几个没变色的是因为他们压根就没背景颜色这种设定
				$("#btn1").click(function(){
					$("option:selected").css("background-color","yellow");
					//不需要像以前那样写循环区判断哪个被选中
					//这里因为默认颜色挡住了背景颜色,所以要点击其他东西让他失去焦点才能那个看出来变黄了
					//我们可也以用下面的方法用索引来判断是否选中
					//alert($("option:selected").size());
				});
			});
		</script>
		<input type="button" value="按钮" /><br />
		<input type="checkbox" /><br />
		<input type="date" /><br />
		<input type="file" /><br />
		<input type="radio" /><br />
		<input type="reset" /><br />
		<input type="submit" /><br />
		<input type="text" /><br />
		<input type="password" /><br />
		<textarea></textarea><br />
		
		
		<select multiple="multiple">
			<option>1</option>
			<option>2</option>
			<option>3</option>
		</select>
		<button id="btn1">按钮</button>
	</body>
</html>