jq入口函数的作用_从零玩转jQuery-入口函数-CSDN博客

本文链接：https://blog.csdn.net/weixin_42298727/article/details/112948645

"本文详细对比了jQuery与JavaScript的入口函数执行模式，jQuery的多个$(document).ready()会依次执行，而多个window.只会执行最后一个。jQuery通过闭包实现函数隔离，避免数据干扰。同时，介绍了jQuery的加载时机，它等待DOM结构加载完毕后执行，而$(function(){}

摘要由CSDN通过智能技术生成

jQuery入口函数

jQuery与JavaScript加载模式对比多个window.只会执行一次, 后面的会覆盖前面的

window. = function () {

alert("hello lnj1"); // 不会显示

} window. = function () {

alert("hello lnj2"); // 会显示

}多个$(document).ready()会执行多次,后面的不会覆盖前面的

$(document).ready(function () {

alert("hello lnj1"); //会显示

});

$(document).ready(function () {

alert("hello lnj2"); // 会显示

});不会覆盖的本质(了解,后面jQuery原理会详细讲解)jQuery框架本质是一个闭包,每次执行我们都会给ready函数传递一个新的函数,不同函数内部的数据不会相互干扰

// 相当于这样写

var test1 = function () {

alert("hello lnj1");

} var test2 = function () {

alert("hello lnj2");

}

$(document).ready(test1);

$(document).ready(test2);

var test3 = function () { var abc = "123";// 因为在同一个函数中,所以456覆盖123// var abc = "456";

alert(abc);

}

test3(); var test4 = function () { // 因为在不同函数中,所以不会影响

var abc = "456";

alert(abc);

}

test4();window.$(document).ready()执行时机必须等待网页全部加载完毕(包括图片等),然后再执行包裹代码只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码

执行次数只能执行一次,如果第二次,那么第一次的执行会被覆盖可以执行多次,第N次都不会被上一次覆盖

简写方案无$(function () { });为什么我们能访问$符号?因为$符号jQuery框架对外暴露的一个全局变量

JavaScript中如何定义一个全局变量?

所有全局变量是 window 对象的属性function test () { var customValue = 998;

alert(customValue);// 1.没有如下代码customValue就不是一个全局变量,函数执行完毕之后// customValue会被自动释放,test函数以外的地方访问不到customValue// 2.加上如下代码之后customValue就会变成一个全局变量,函数执行完毕也不// 会被释放,test函数以外的地方可以访问customValue// window.customValue = customValue;

}

test();

alert(customValue);所以jQuery框架源码实现window.jQuery = window.$ = jQuery;所以想要使用jQuery框架只有两种方式,一种是通过$,一种是通过jQueryjQuery入口函数的其它编写方式如下

// 方式一

$(document).ready(function () {

alert("hello lnj");

}); // 方式二

$(function () {

alert("hello lnj");

}); // 方式三

jQuery(document).ready(function () {

alert("hello lnj");