jQuery 特殊事件绑定

原创于 2012-09-09 16:01:34 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #javascript #string #file #input

Web 专栏收录该内容

7 篇文章

订阅专栏

本文介绍jQuery中live方法的使用方式及应用场景，适用于1.4版本。通过实例演示了如何为html元素绑定click和change事件，解决常规事件绑定不生效的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html 一些页面元素按照通常的事件绑定方法会无效，这时要使用特殊的事件绑定 —— live 方法实现。

官方文档说明（如下1.4版本）

.live( events, data, handler(eventObject) )

eventsA string containing a JavaScript event type, such as "click" or "keydown." As of jQuery 1.4 the string can contain multiple, space-separated event types or custom event names.

dataA map of data that will be passed to the event handler.

handler(eventObject)A function to execute at the time the event is triggered.

1. html img 标签的点击事件绑定

jQuery("#img_query").live("click", "img", function () {
         alert('click img');
});

2. input :file 浏览文件的标签 onchanged

    $("#photo_file").live("change","input",function () {
        alert("file selected has changed");
    })

注：本文使用的 jquery 版本是 jquery. 1.4.1 .js