NTFS权限 Angular 金融信贷 graph eloquent cmake rss Momentjs vue注册组件 vue中文网 bootstrap模板 郑州网站建设 jquery触发点击事件 maven配置eclipse matlab不等于 oracle时间格式化 android网络请求 kubernetes集群 python输出 如何配置python环境 python中集合 linux配置python环境 java基础入门 java的包 java注释 java搭建 javaworld java创建目录 java怎么学 黑客攻防实战入门 真实女友补丁 tar文件怎么打开 马赛克软件 海鸥浏览器 ipad锁屏 免费家谱制作软件 ae脚本管理器 java核心技术 识别音乐的软件 华为下拉开关设置
当前位置: 首页 > 学习教程  > 编程语言

转:jquery的live和on

2020/8/31 13:14:16 文章标签:

参考1,参考2

 

给元素绑定事件,本人用的jquery版本大多为1.7和1.8的,所以一直习惯于用live(),但是最近朋友突然问我,怎么给新生成的dom元素绑定事件,我随口回答live(),结果他给我说不行,他用的2.1.1的jquery版本。

我突然想起之前看过on()的用法,就是替代live()的,但是用的少,记不清了,今天再记一记,以后尽量用on()~

代码示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/jquery/1.7.0/jquery.js">
</script>
<script>
$(document).ready(function(){
  $("#div1").on("click",function(){
    $(this).css("background-color","pink");
  });
  $("#div2").live("click",function(){
    $(this).css("background-color","pink");
  });
});
</script>
</head>
<body>

<h4 style="color:green;">该实例演示了如何使用 on() 和 live()。</h4>

<div id="div1" style="border:1px solid black;">这是一些文本。
<p>点击此处,使用 <b>on() 方法来设置背景颜色</b>。</p>
</div><br>

<div id="div2" style="border:1px solid black;">这是一些文本。
<p>点击此处,使用 <b>live() 方法来设置背景颜色</b>。</p>
</div>
<p><b>注意:</b>live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。请使用 on() 方法代替。</p>
</body>
</html>

 

 

live() 方法在 jQuery 版本 1.7 中被废弃,在版本 1.9 中被移除。请使用 on() 方法代替。

聊以记之。


本文链接: http://www.dtmao.cc/news_show_150059.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?