首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >document.on('event')和$().event之间的差异

document.on('event')和$().event之间的差异
EN

Stack Overflow用户
提问于 2015-06-09 17:34:34
回答 3查看 170关注 0票数 0

我最近遇到了一个问题

代码语言:javascript
运行
复制
$('.klass').change(function () { ... });

不是在某些情况下开火,而是找到了解决办法

代码语言:javascript
运行
复制
$(document).on('change', '.klass', function () { ... });

而不是。解释是,我的元素是在侦听器声明之后创建的,或者是其他什么东西阻止了它的触发。

所以我应该永远不要用第一种方法?并对任何事件使用第二种方法(单击、更改、.):

代码语言:javascript
运行
复制
$(document).on('event', 'jquery-selector', function () { ... });

有谁能解释一下这两者的区别和可能的问题吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-06-09 17:36:46

change调用.on

代码语言:javascript
运行
复制
$().change = function( types, data, fn ) {
    return this.on( types, null, data, fn );
}
票数 2
EN

Stack Overflow用户

发布于 2015-06-09 17:41:09

第一个方法很好,但正如您所说的,在创建事件处理程序之前,需要确保元素已加载到DOM中。

代码语言:javascript
运行
复制
$(document).ready(function () {
   // dom has been loaded, now you can attach event handlers
})

正如@wZVanG所说,change()只是打电话给on的糖,没有实际差别。

票数 2
EN

Stack Overflow用户

发布于 2015-06-09 18:58:57

主要的区别是第二个允许使用多个事件。而不是说

代码语言:javascript
运行
复制
$('.klass').click(function(){
    //some content
});
$('.klass').change(function(){
    //same exact content, repeated
});

你可以写

代码语言:javascript
运行
复制
$('.klass').on('click change', function(){
    //some content, it applies to both now.
});

或者您可以使用(有些多余的)

代码语言:javascript
运行
复制
$(document).on('click change', '.klass', function(){
    //some content, it still applies to both.
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30739000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档