jQuery中change事件的绑定方法

分类:知识百科 日期: 点击:0

jQuery中的change事件是当input、select、textarea元素值发生变化时触发的事件,可以在change事件中添加一些动作,以达到更加灵活的效果。jQuery中的change事件绑定方法有以下几种:

1. 使用on()方法

$("#input").on("change", function(){
    // 这里写change事件触发后要执行的代码
});

on()方法可以绑定任何类型事件,可以绑定多个事件,也可以绑定多个元素。

2. 使用change()方法

$("#input").change(function(){
    // 这里写change事件触发后要执行的代码
});

change()方法只能绑定change事件,只能绑定一个元素。

3. 使用bind()方法

$("#input").bind("change", function(){
    // 这里写change事件触发后要执行的代码
});

bind()方法可以绑定任何类型事件,可以绑定多个事件,也可以绑定多个元素。

4. 使用delegate()方法

$("#container").delegate("#input", "change", function(){
    // 这里写change事件触发后要执行的代码
});

delegate()方法可以绑定任何类型事件,可以绑定多个事件,但只能绑定一个元素,但可以通过指定一个容器,让其中的多个元素都触发同一个change事件。

5. 使用live()方法

$("#input").live("change", function(){
    // 这里写change事件触发后要执行的代码
});

live()方法可以绑定任何类型事件,可以绑定多个事件,可以绑定多个元素,但是只能绑定一次,如果要重复绑定,需要重新调用live()方法。

以上就是,使用这些方法可以更加灵活的处理input、select、textarea元素值发生变化时触发的change事件。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。