jquery页面加载

时间 2019-12-04

标签 jquery 页面加载栏目 JQuery 繁體版

原文原文链接

一，jQuery页面加载后执行的事件(3种方式)

说明：当DOM载入就绪能够查询及操纵时绑定一个要执行的函数。能够在DOM载入就绪可以读取并操纵时当即调用你所绑定的函数，而99.99%的JavaScript函数都须要在那一刻执行。函数

1 $(function () { });

2 $(document).ready(function () { });

3 window.onload = function () { }

注意点：spa

1，有一个参数－－对jQuery函数的引用－－会传递到这个ready事件处理函数中。能够给这个参数任意起一个名字，并所以能够再也不担忧命名冲突而放心地使用$别名。插件

2，请确保在 <body> 元素的onload事件中没有注册函数，不然不会触发$(document).ready()事件。code

3，能够在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）前后顺序依次执行。对象

二，匿名方法预约义插件

(function($){

}) (jQuery)

至关于定义了一个参数为$的匿名函数，而且将jQuery做为参数来调用这个匿名函数，之因此只在形参使用$，是为了避免与其余库冲突，因此实参用jQuery。事件

其实就等于ip

var fn = function($){

};
fn(jQuery);

其实能够这么理解，不过要注意的是fn是不存在的，那个函数直接定义，而后就运行了。就“压缩”成下面的样子了
(function($){...})(jQuery)
简单理解：(function($){...})(jQuery)用来定义一些须要预先定义好的函数
$(function(){ })则是用来在DOM加载完成以后运行\执行那些预行定义好的函数。开发

三，区别

1，$(function(){})在DOM加载完毕后执行了ready()方法，(function($){}) (jQuery)是执行()(para)匿名方法,只不过是传递了jQuery对象。io

2，$(function(){})用于存放操做DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，由于jQuery对象没有获得传递，外部经过jQuery.method也调用不了其中的方法（函数）。
(function(){})(jQuery)用于存放开发插件的代码，执行其中代码时DOM不必定存在，因此直接自动执行DOM操做的代码要当心使用。function