我看到许多项目正在使用
$(document).on('ready', function(e){
//jquery stuff
})
代替:
$( document ).ready(function( ) {
// Code using $ as usual goes here.
});
要么
$(function() {
// Handler for .ready() called.
});
我阅读了完整的api文档,但看不到使用第一个示例的情况。
对我而言,on
在第一个示例中的使用是没有用的。
案例之间有什么区别?
功能:
$( 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] 删除。
我来说两句