⽂档就绪函数_5种不同类型的⽂档就绪⽰例
⽂档就绪函数
这些是通常在jQuery中使⽤的不同类型的Document Ready函数 （⼜名jQuery DOM Ready）。 许多开发⼈员似乎在不知道为什么的情况下使⽤它们。 因此，我将尝试解释为什么您可能会选择⼀个版本⽽不是另⼀个版本。 可以将⽂档就绪功能看作是⾃执⾏功能，该功能在页⾯元素加载后触发。
有关如何使⽤⽂档就绪函数的更多信息，请参见函数。
准备⽂档⽰例1
$(document).ready(function() {
//do jQuery stuff when DOM is ready
});
准备⽂档⽰例2
jquery框架使用$(function(){
//jQuery code here
});
这等效于⽰例1……它们的字⾯意思是相同的。
准备好⽂档的⽰例3
jQuery(document).ready(function($) {
//do jQuery stuff when DOM is ready
});
添加jQuery可以帮助防⽌与其他JS框架发⽣冲突。
为什么会发⽣冲突？
通常会发⽣冲突，因为许多JavaScript库/框架使⽤相同的快捷⽅式
名称是美元符号$。 然后，如果它们具有相同的命名函数，浏览器将获得
困惑！
我们如何防⽌冲突？
好吧，为防⽌冲突，我建议为jQuery名称空间加上别名（即，使⽤上⾯的⽰例3）。
然后，当您调⽤$ .noConflict（）以避免名称空间困难（因为$快捷⽅式不再可⽤）
我们强迫它在每次需要时使jQuery变差。
jQuery(document).ready( function(){
//do jQuery stuff when DOM is ready with no conflicts
});
//or the self executing function way
(function($) {
// code using $ as alias to jQuery
})(jQuery);
准备好⽂档的⽰例4
(function($) {
// code using $ as alias to jQuery
$(function() {
// more code using $ as alias to jQuery
});
})(jQuery);
// other code using $ as an alias to the other library
这样，您可以将⼀个函数嵌⼊⼀个都使⽤$作为jQuery别名的函数中。
准备好⽂档的⽰例5
$(window).load(function(){
//initialize after images are loaded
});
有时您想操纵图⽚，⽽使⽤$（document）.ready（）则⽆法做到这⼀点
如果访客尚未加载图⽚。 在这种情况下，您需要初始化
图像完成加载后的jQuery对齐功能。
您还可以使⽤普通JavaScript并在html中附加⼀个调⽤body标记的函数，仅当您不使⽤JS框架时才使⽤它。了解更多： :
⽂档就绪函数

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。