jquery 事件写在$(function())里面和写在外面的区别

发布网友发布时间：2022-04-07 06:26

我来回答

共5个回答

懂视网时间：2022-04-07 10:47

本篇文章介绍了jQuery中$(function())的作用，具有一定的参考价值，希望对学习jQuery和JavaScript的朋友有帮助！

jQuery中$(function())的作用

$(function())等同于$(document).ready(function())，意思很简单，就是等页面加载完毕之后，才开始执行函数。

在没有使用$(function())之前，我的$("body").click()的操作不起作用，先执行函数了，此时DOM并没有加载完成，所以不起效果。在将js函数放入$(function())后，就可正常运行。

微信截图_20200403180415.png

$(function(){//五分钟无操作，返回系统首页,timeToreturn.js
 function timeToReturn(){
 window.location.href = "http://localhost:8080/zhongCourt/";
 }
 var nowtime = Date.parse(new Date());
 var timeend = Date.parse(new Date());
 
 $("body").click(function(){
 nowtime = Date.parse(new Date());
 console.log("nowtime" + nowtime); 
 });
 
 function check(){
 timeend = Date.parse(new Date());
 console.log("check");
 if((timeend - nowtime) > 300000){
  timeToReturn();
 }
 setTimeout(check,10000);
 }
 setTimeout(check,10000);
 
})

本文来自 js教程栏目，欢迎学习！

热心网友时间：2022-04-07 07:55

写在$(function(){})里是加载完成才运行　写在外面边加载边运行

热心网友时间：2022-04-07 09:13

$(function())里面是一进页面就加载的内容，一般写在外面的是全局变量

热心网友时间：2022-04-07 10:48

$(function() { ... });

实际上是下面这样代码的缩写。

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

作用是保证dom结构渲染完毕后，代码才执行。避免dom结构未完成，找不到元素的错误。

还有个功能是当成立即执行匿名函数使用，避免引入全局变量。(function(){ ... })()。

var a=1; //定义一个全局变量
(function(){
var b=2;//定义一个局部变量
alert(b);//输出2
})()

alert(a);//输出1
alert(b);//报错，b未定义，Uncaught ReferenceError: b is not defined

热心网友时间：2022-04-07 12:39

跟JS里写window.onload=function(){}里差不多