$(function(){...})是什么意思, 怎么调用?
麻烦说具体点,我可是一点也不懂的人.另外上述的东西是出现在(function($){...})(jQuery)里面的....
麻烦说具体点, 我可是一点也不懂的人. 另外上述的东西是出现在(function ($) {...})(jQuery)里面的.
展开
3个回答
展开全部
$(function(){...})是$(document).ready(function(){...})的简写形式,是在DOM加载完成后调用执行的回调函数,并且只会执行一次。
$( document ).ready(function() {
console.log( "ready!" );
}); 123
和
$(function() {
console.log( "ready!" );
});123
起到的效果完全一样。
在一个页面中不同的js中写的$(function(){...});函数,会根据js的排列顺序依次执行。
扩展资料:
常用的 jQuery 事件方法
$(document).ready()
$(document).ready() 方法允许我们在文档完全加载完后执行函数。
click()
click() 方法是当按钮点击事件被触发时会调用一个函数。
该函数在用户点击 HTML 元素时执行。
在下面的实例中,当点击事件在某个 <p> 元素上触发时,隐藏当前的 <p> 元素:
$("p").click(function(){
$(this).hide();
});
参考资料:百度百科-jQuery
展开全部
不知道你对javascript是否了解,如果了解可以跟你举一个例子:
新建一个 HTML 文件 1-1.html,加入如下所示的代码。
一个简单的 jQuery 应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 第一个简单的jQuery 程序 </title>
<script language="javascript" type="text/javascript"
src="Jscript/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("您好, 欢迎来到jQuery世界");
})
</script>
</head>
<body>
</body>
</html>
在上述文件的代码中,有一段如下的代码 :
$(document).ready(function(){
//程序段
})
该段代码类似于传统的 JavaScript 代码:
window.onload=function(){
//程序段
}
//--
//window.onload=function(){...}的作用又跟声明函数loading function loading(){...},并在html的<body onload="loading()">调用一样
//这样写就不用在body的onload事件里面调用,只需在js程序段里面编写即可
//--
虽然上述两段代码在功能上可以互换,但它们之间又有许多区别 :
执行时间不同: $(document).ready在页面框架下载完毕后就执行;而window.onload必须
在页面全部加载完毕(包含图片下载)后才能执行。很明显,前者的执行效率高于后者。
执行数量不同: $(document).ready可以重复写多个,并且每次执行结果不同;而window.
onload尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结果的输出。
$(document).ready(function(){}) 可以简写成 $(function(){}),因此与下面的代码是等
价的。
$(document).ready(function(){
// 程序段
})
等价于
$(function(){
// 程序段
})
新建一个 HTML 文件 1-1.html,加入如下所示的代码。
一个简单的 jQuery 应用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 第一个简单的jQuery 程序 </title>
<script language="javascript" type="text/javascript"
src="Jscript/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("您好, 欢迎来到jQuery世界");
})
</script>
</head>
<body>
</body>
</html>
在上述文件的代码中,有一段如下的代码 :
$(document).ready(function(){
//程序段
})
该段代码类似于传统的 JavaScript 代码:
window.onload=function(){
//程序段
}
//--
//window.onload=function(){...}的作用又跟声明函数loading function loading(){...},并在html的<body onload="loading()">调用一样
//这样写就不用在body的onload事件里面调用,只需在js程序段里面编写即可
//--
虽然上述两段代码在功能上可以互换,但它们之间又有许多区别 :
执行时间不同: $(document).ready在页面框架下载完毕后就执行;而window.onload必须
在页面全部加载完毕(包含图片下载)后才能执行。很明显,前者的执行效率高于后者。
执行数量不同: $(document).ready可以重复写多个,并且每次执行结果不同;而window.
onload尽管可以执行多个,但仅输出最后一个执行结果,无法完成多个结果的输出。
$(document).ready(function(){}) 可以简写成 $(function(){}),因此与下面的代码是等
价的。
$(document).ready(function(){
// 程序段
})
等价于
$(function(){
// 程序段
})
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$是一个方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询