引进和使用jQuery的onload和准备
页面加载中有两个事件。一个准备好了,这意味着文档结构已经加载并完成。二是onload事件,这表明所有的元素包括图片和其他文件加载。(可以说:准备装在onload!!!!)一般的方式控制,如图片的大小控制,加载在onload。
js事件触发的方法可以加载到就绪状态;
很多人在JQ已经开始写剧本,这样:
常用的写作方法
复制代码代码如下所示:
$(函数(){())
做某事
});
事实上,这是JQ准备的缩写(),这相当于:
复制代码代码如下所示:
$(文档)Ready(函数(){)
做某事
})
它还相当于下面的方法,对jquer默认参数是:文件;
复制代码代码如下所示:
$()Ready(函数(){)
做某事
})
$(document)。Ready()方法对onload事件与$(窗口)Load()方法。
从接触jQuery学习的第一件事是什么时候开始的事件。很长一段时间,那是在页面载入触发事件是装在身体的onload事件。
有很多的缺点,身体onload事件和jQuery的准备方法。例如:
加载多个函数的问题
锂
它只能装在onload事件,如此丑陋…
在jQuery中,可以使用多个jQuery()方法,它们将按照顺序依次执行。
代码和内容不分开
这似乎无需说,人们反而憎恨!订单执行不同!
-身体。onload事件触发所有加载后的页面内容,我说的所有内容,包括图片、flash等。如果这些页面的内容会让很多用户等很长时间。
-对于$(文档)(就绪)方法,这个方法是在DOM页面加载所有触发器之后,加速Web无疑是极大的速度。
但是对于一些特殊的应用程序,比如图片的放大和缩小,图片的裁剪,是否需要在执行之前加载Web页面的所有内容我建议使用$(窗口)Load()方法。该方法将不会触发直到所有页面的内容加载,并在同一时间,没有事故的onload事件。
复制代码代码如下所示:
$(窗口)加载(函数(){)
警报(hello);
});
$(窗口)加载(函数(){)
警报(hello);
});
上述代码将在页面的所有内容被加载后依次执行。
当然,不要忘记对应于它的卸载方法。
复制代码代码如下所示:
$(窗口)。卸载(函数(){)
警报(再见);
});
上述代码将在页面关闭时触发。
js代码在所有DOM加载之前触发。
这种方法是我调试时最喜欢的方法,有时在开发时也使用这种方法。
复制代码代码如下所示:
(函数(){())
警报(嗨);
}(jQuery)
是的,我们使用js闭包将js代码嵌入到人体中。该代码将自动执行,当然,它可以直接嵌入js代码。我们应该以这种方式关注订单问题。
复制代码代码如下所示:
这是内容
警报($(#试验)。Html()); / /我可以显示的内容
警报($(#试验)。Html()); / /我不能显示的内容
这是内容
以上两段代码,代码的第二部分,因为它只能在当前代码之前解释DOM,并且在已经解析过的DOM号中不存在测试。因此,第二段代码不能正确显示。