jquery中live的用法是什么

172 阅读 0 评论 114 点赞

我是靠谱客的博主耍酷铅笔，这篇文章主要介绍jquery中live的用法是什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中live的用法是什么

live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

语法

复制代码$(selector).live(event,data,function)1
$(selector).live(event,data,function)
登录后复制

其中参数表示如下：

event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

data可选。规定传递到该函数的额外数据。

function必需。规定当事件发生时运行的函数。

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

示例如下：

复制代码<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").live("click",function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请点击这里</button>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").live("click",function(){
    $("p").slideToggle();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>请点击这里</button>
</body>
</html>
登录后复制