jQuery live() 方法

定义和用法

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

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

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

提示：如需移除事件处理程序，请使用 die() 方法。

语法

$(selector).live(event,data,function)

参数

参数	描述
event	必需。规定添加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。
data	可选。规定传递到该函数的额外数据。
function	必需。规定当事件发生时运行的函数。

示例

下例演示了当点击按钮时，隐藏或显示<p>元素：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是bootcss 1.7，测试live方法
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.7/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("button").live("click",function(){
                $("p").slideToggle();
            });
        });
    </script>
</head>
<body>
    <p>这是一个段落。</p>
    <button>点我啦!</button>
    <br>
    <p>注意：live() 方法在 jQuery 版本 1.7 中被废弃，在版本 1.9 中被移除。请使用 on() 方法代替。</p>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面