jQuery live() 方法

实例

单击按钮时隐藏或显示 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").live("click", function(){
  8. $("p").slideToggle();
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>这是一个段落</p>
  15. <button>点击这里</button>
  16. <br><br>
  17. <div><b>注意:</b> live() 方法在 jQuery 1.7 版中被弃用,并在 1.9 版中被删除。我们在本例中使用了 jQuery 的早期版本(脚本标记中的 1.7.2)。</div>
  18. </body>
  19. </html>

定义与用法

live() 方法在 jQuery 1.7 版中被弃用,并在 1.9 版中被删除。使用 on() 方法代替。

live() 方法为选定元素附加一个或多个事件处理程序,并指定事件发生时要运行的函数。

使用 live() 方法附加的事件处理程序将适用于与选择器匹配的当前和未来元素(如脚本创建的新元素)。

提示: 要删除事件处理程序,请使用 die() 方法。


语法

  1. $(selector).live(event,data,function)
参数描述
event必填。指定要附加到元素的一个或多个事件
多个事件值由空格分隔。必须是有效的事件
data可选。指定要传递给函数的其他数据
function必填。指定要传递给函数的其他数据

更多实例

演示如何使用 live() 方法为尚未创建的元素添加事件处理程序

分类导航