HTML——jQuery事件绑定方式

最新推荐文章于 2021-12-29 15:46:53 发布

小刘小刘可爱一流

最新推荐文章于 2021-12-29 15:46:53 发布

阅读量383

点赞数

文章标签： html javascript

本文链接：https://blog.csdn.net/qq_44687512/article/details/107494678

版权

本文介绍了jQuery中常用的事件绑定方法，包括bind用于为元素绑定事件处理函数，unbind用于移除事件，one确保事件处理函数仅执行一次。还讨论了change、keydown和submit事件的使用场景，change用于检测输入元素值的变化，keydown处理按键按下，submit则在表单提交时触发。

摘要由CSDN通过智能技术生成

1、bind：为每个匹配元素的特定事件绑定对应的事件处理函数

unbind：删除每个匹配的元素上已绑定的事件

<!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>郑州大学</div>
  	
  	<script>
  	
  		$("div").bind("click",function(){
  			console.log("111");
  		});
  		
  		$("div").unbind("mouseover");
  		
  	</script>
  </body>
</html>

2、one(type,[data],fn)：该方法可以为元素绑定处理函数，当处理函数触发一次后, 立即被删除，即在每个对象上, 事件处理函数只会被执行一次。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>    
    <script type="text/javascript" src=&#

最低0.47元/天解锁文章

小刘小刘可爱一流

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML——jQuery事件绑定方式

1、bind：为每个匹配元素的特定事件绑定对应的事件处理函数unbind：删除每个匹配的元素上已绑定的事件<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.js" ></scri.
复制链接

扫一扫