jQuery中的事件绑定

最新推荐文章于 2020-07-24 19:07:03 发布

LinDadaxia

最新推荐文章于 2020-07-24 19:07:03 发布

阅读量184

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/LinDadaxia/article/details/107448030

版权

事件绑定中常用的三类函数
1、bind()
2、one()
3、change()，keydown()，click()

1、bind()
该方法可以为每个匹配元素的特定事件绑定对应的事件处理函数
2、one()
该方法可以为元素绑定处理函数，当处理函数触发一次后, 立即被删除，即在每个对象上, 事件处理函数只会被执行一次。
3、
change():文本框、密码框和文本域的值发生改变时或下拉列表选项发生变化时触发change 事件
keydown():当键盘或按钮被按下时触发keydown事件
click():鼠标点击匹配元素时触发click事件
相关代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
	</head>
	<body>
		<div style="border: 1px solid red;">zzu</div>
		<script>
			$("div").bind({
				mouseover:function(){
					this.style.backgroundColor="red";
					console.log(11111);
				},
				mouseout:function(){
					this.style.backgroundColor="black";
				}
			});
			
			$("div").unbind("mouseout mouseover");
			$("div").one({
				mouseover:function(){
					this.style.backgroundColor="red";
					console.log(11111);
				}
			});
		</script>
		<script>
			$("div").click(function(){
				console.log(22222);
			});
		</script>
		<select id="province">					<!--下拉框组件-->
			<option value="">---请选择---</option>
			<option value="001" selected="selected">北京市</option>
			<option value="002">广东省</option>
			<option value="003">上海市</option>
		</select>
		
		<script>
			$("select").change(function(){
				console.log($(this).val());
			});
		</script>
	</body>
</html>

LinDadaxia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中的事件绑定

事件绑定中常用的三类函数1、bind()2、one()3、change()，keydown()，click()1、bind()该方法可以为每个匹配元素的特定事件绑定对应的事件处理函数2、one()该方法可以为元素绑定处理函数，当处理函数触发一次后, 立即被删除，即在每个对象上, 事件处理函数只会被执行一次。3、change():文本框、密码框和文本域的值发生改变时或下拉列表选项发生变化时触发change 事件keydown():当键盘或按钮被按下时触发keydown事件click(.
复制链接

扫一扫