focus、blur、change、one、trigger、unbind 事件的使用

最新推荐文章于 2022-01-17 13:23:55 发布

zwz19920209

最新推荐文章于 2022-01-17 13:23:55 发布

阅读量1.1w

点赞数 1

分类专栏：课堂笔记

本文链接：https://blog.csdn.net/zwz19920209/article/details/38751167

版权

课堂笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

focus、blur、change、one、trigger、unbind 事件的使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>New Web Project</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript">
			
			$(function(){
				$("#username").focus(function(){
					$(this).css("backgroundColor","red");
				});
				$("#username").blur(function(){
					$(this).css("backgroundColor","white");
				});
				
				$("#se").change(function(){
					alert($("#se option:selected").text());
				});
				
				// $("#btn").click(function(){
					// alert("click");
				// });
				// 只绑定一次单击事件
				// $("#btn").one("click",function(){
					// alert("click22");
				// });
				
				$("#btn").click(function(){
					alert(111111);
				});
				
				// 通过jquery触发另一个按钮单击事件
				$("#btn2").click(function(){
					$("#btn").trigger("click");
				});
				
				$("#btn3").click(function(){
					// 解除事件
					$("#btn").unbind("click");
					alert("解除按钮1的单击事件，请单击按钮1");
				});
				
			});
			
			
			
		</script>
	</head>
	<body>
		
		用户名：<input type="text" id="username" />
		<br/>
		
		语言:
		<select id="se">
			<option value="j1">Java</option>
			<option value="c1">C</option>
			<option value="c#1">C#</option>
			<option value="vb1">VB</option>
		</select>
		<br/>
		<input type="button" id="btn" value="按钮1"  />
		<br/>
		<input type="button" id="btn2" value="trigger"  />
		<br/>
		<input type="button" id="btn3" value="接触按钮1的单击事件"  />
		
	</body>
</html>