$(document).ready(function(){})和$(document).on('ready',function(e)之间的区别

埃米利奥·戈特(Emilio Gort)

我看到许多项目正在使用

$(document).on('ready', function(e){
 //jquery stuff
})

代替:

$( document ).ready(function(  ) {
  // Code using $ as usual goes here.
});

要么

 $(function() {
  // Handler for .ready() called.
 });

我阅读了完整的api文档,但看不到使用第一个示例的情况。

对我而言,on在第一个示例中的使用是没有用的。

案例之间有什么区别?

Praveen Kumar Purushothaman

功能:

$( document ).ready(function ( ) {
  // Code using $ as usual goes here.
});

转换为:

$( document ).on( 'ready', function (e) {
 //jquery stuff
})

这些简写功能是相同的:

$( element ).click( function ( ) { } );
$( element ).hover( function ( ) { } );
$( element ).load( function ( ) { } );
$( element ).scroll( function ( ) { } );

从以下文档.click( handler(eventObject) )

此方法是.on( "click", handler )前两个变体和.trigger( "click" )第三个变体的快捷方式


更新的答案-区别!

还有$(document).on( "ready", handler )不赞成的jQuery 1.8行为与ready方法类似,但是如果ready事件已经触发,并且您尝试.on( "ready" )绑定的处理程序将不会执行。以上述方式绑定的就绪处理程序将在上述其他三种方法的任何绑定之后执行。

-来源

更新#2

jQuery(function(){});

也应被视为是

jQuery(document).ready(function(){});

确实首选它,因为它不会降低可读性并删除几个字节的字符。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

$(document).ready(function(){})和$(document).on('ready',function(e)之间的区别

来自分类Dev

$(document).bind('ready',function)和$(document).ready(function(){})有什么区别

来自分类Dev

如何尽快使$(document).ready(function()JavaScript呈现?

来自分类Dev

$ {document).ready在$ {document).ready内部

来自分类Dev

将变量从 $(document).ready(function(){} 传递给 $(window).load(function() {}

来自分类Dev

PHP和$(document).ready()冲突

来自分类Dev

AJAX生成的JS是否需要“ $(document).ready(function()”?

来自分类Dev

$(document).ready(function()里面应该放什么JavaScript?

来自分类Dev

仅在加载jsp之后才执行$(document).ready(function())吗?

来自分类Dev

脚本不适用于$(document).ready(function(){}

来自分类Dev

jQuery $(document).one('ready',function(){...}不起作用

来自分类Dev

Python在网站上运行$(document).ready(function()

来自分类Dev

$(document).ready(function()未捕获ReferenceError:未定义

来自分类Dev

如何在$(document).ready(function(){})中使用for循环?

来自分类Dev

是否等同于clojurescript中的$(document).ready(function(){})?

来自分类Dev

$(document).ready(function()中的语句不起作用

来自分类Dev

如何在$(document).ready(function(){})中使用for循环?

来自分类Dev

$(document).ready()和忽略它有什么区别?

来自分类Dev

(document).ready内部的功能

来自分类Dev

jQuery Mobile $(document).ready();

来自分类Dev

(document).ready内部的功能

来自分类Dev

流星js中jQuery中window.onload(function(){})和$(document).ready(function(){})的等效函数是什么?

来自分类Dev

流星js中jQuery中window.onload(function(){})和$(document).ready(function(){})的等效函数是什么?

来自分类Dev

从document.ready外部调用document.ready内部的函数

来自分类Dev

SmoothState不触发$(document).ready()

来自分类Dev

无限形式提交$(document).ready

来自分类Dev

$(document).ready()不起作用

来自分类Dev

$ {document).ready不起作用

来自分类Dev

HTML5画布:$(document).ready(function()-未就绪

Related 相关文章

  1. 1

    $(document).ready(function(){})和$(document).on('ready',function(e)之间的区别

  2. 2

    $(document).bind('ready',function)和$(document).ready(function(){})有什么区别

  3. 3

    如何尽快使$(document).ready(function()JavaScript呈现?

  4. 4

    $ {document).ready在$ {document).ready内部

  5. 5

    将变量从 $(document).ready(function(){} 传递给 $(window).load(function() {}

  6. 6

    PHP和$(document).ready()冲突

  7. 7

    AJAX生成的JS是否需要“ $(document).ready(function()”?

  8. 8

    $(document).ready(function()里面应该放什么JavaScript?

  9. 9

    仅在加载jsp之后才执行$(document).ready(function())吗?

  10. 10

    脚本不适用于$(document).ready(function(){}

  11. 11

    jQuery $(document).one('ready',function(){...}不起作用

  12. 12

    Python在网站上运行$(document).ready(function()

  13. 13

    $(document).ready(function()未捕获ReferenceError:未定义

  14. 14

    如何在$(document).ready(function(){})中使用for循环?

  15. 15

    是否等同于clojurescript中的$(document).ready(function(){})?

  16. 16

    $(document).ready(function()中的语句不起作用

  17. 17

    如何在$(document).ready(function(){})中使用for循环?

  18. 18

    $(document).ready()和忽略它有什么区别?

  19. 19

    (document).ready内部的功能

  20. 20

    jQuery Mobile $(document).ready();

  21. 21

    (document).ready内部的功能

  22. 22

    流星js中jQuery中window.onload(function(){})和$(document).ready(function(){})的等效函数是什么?

  23. 23

    流星js中jQuery中window.onload(function(){})和$(document).ready(function(){})的等效函数是什么?

  24. 24

    从document.ready外部调用document.ready内部的函数

  25. 25

    SmoothState不触发$(document).ready()

  26. 26

    无限形式提交$(document).ready

  27. 27

    $(document).ready()不起作用

  28. 28

    $ {document).ready不起作用

  29. 29

    HTML5画布:$(document).ready(function()-未就绪

热门标签

归档