230问答网 > jQuery语句必须放在$(function(){});里面吗

jQuery语句必须放在$(function(){});里面吗

2024-12-13 16:50:12

推荐回答（4个）

回答1：

不是必须的。

$(function(){
//TODO:这里的内容表示js只有在DOM元素全部加载结束后才会执行
});

如上面注释中说明的，js在浏览器渲染页面时是按照在文档中出现的顺序来顺序执行的。因此如果js文件在

部分引入，那么文件中的js代码会在dom元素渲染完毕前就执行。假设js代码中有类似$('#elementId').click(function(){...});这样的语句，那么就会因为dom没有渲染完，导致根本找不到elementId这个对象，从而导致事件绑定失败。

但是，如果我们把js的内容放到$(function(){...});里面，这里面的代码会等到文档内容全部渲染完毕才执行。事件就能够成功绑定了。

所以我们一般在写代码时，通常会注意两点

1、借用$(function(){});包括js内容

2、将需要引入的js文件放在dom的底部引入

回答2：

$(function(){})是代表什么意思你知道吗?它是代表页面加载完的时间...就相当于你在body定义onload事件....写在其他地方是可以的....只是我们习惯在加载后注册jQuery事件....你写的外面就要考虑它的加载顺序了..如果写在里面是不需要的...因为它会等到页面加载完毕才去运行的....

回答3：

$(function(){})的标准写法现在是$(document).ready(function(){});他跟onload还是有不同的，当DOM载入就绪可以查询及操纵时就会执行里面的语句，而onload要所有的元素(图片，视频等)都载入才执行。你的jquery语句可以放在任何地方执行，当然之前你要先装载jquery库文件

回答4：

你是怎么写的？不一定要放在$(function(){})里面的啊