运行jQuery的正确位置

时间:2012-02-27 10:45:52

标签: javascript jquery ajax

添加不同的插件,脚本和其他jquery代码变得相当混乱。 运行每个jquery的正确位置是什么,它是否需要为每个元素分离函数。

一些脚本在页面的头部运行如下:

$(function(){ ...

jQuery(function() { ...

和其他需要在最后:

$( ".add" ).button({ ...

将所有函数合并为一个$(function(){ ...

是错误的

2 个答案:

答案 0 :(得分:1)

对于放置jQuery代码段的位置没有硬性规则。

您将它放在需要它的正确位置。

  • $(function(){$(document).ready(function() {的缩写。这是一个事件,在文档准备好处理时执行。

  • $( ".add" ).button({正在为选择器分配一个插件(可能)。每个插件都有自己的事件触发器,它们可以自动或手动进行,如hoversclicks

您应该(始终)将代码放在正确的事件触发器/函数调用上,以使它们正常运行。

但是

如果您在页面上使用了太多脚本,则会减慢加载时间。当它们放在</body>

之前时,它们会更好

参考

非常清楚地阅读jQuery事件文档 [docs here] 以了解有效放置代码的位置

答案 1 :(得分:1)

$jQuery的别名,因此您可以选择您喜欢的内容并坚持下去。使用$有一些好处。它稍微紧凑,常用于jQuery文档。

在您的示例中,在文档准备好时调用了匿名函数。有一点值得注意的是,在使用文档就绪时可能无法加载图像。您可以确定DOM元素是否存在,因此您的jQuery选择器应该可以正常工作。

如果您有多条$(document).ready(function () { /* your code here */ });行,则会执行所有这些行,因此它们不会互相覆盖。例如,如果您有多个JS文件。您应该将JS文件分开以保持可维护性。