最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery load()用法和ready()用法及区别
时间:2010-10-24 编辑:简简单单 来源:一聚教程网
$(document).ready(fn)与$(window).load(fn),二者的差别在于:$(document).ready(fn)发生在“网页本身的html”载入后就触发,$(window).load(fn)则会等到“网页html标签中引用的图档、内嵌物件(如flash)、iframe”等拉哩拉杂的东西都载入后才会触发。
一般来说,等网页全部元素都载入才执行程式时机有点晚,因为在此之前,使用者已经可以点选操作网页,跳脱我们程式的掌控范围。因此,我们几乎都是将程式放 在$(document).read(function(){...})中(即$(function(){...}))。而$(window).load(fn)适合执行一些要等待图档或元素全部载入才可进行的动作,例如:检查图档长宽。
只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jquery会在所有dom加载完成后再绑定load事件。
调用load方法的完整格式是:load( url, [data], [callback] ),
其中:
url:是指要导入文件的地址。
data:可选参数;因为load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如php教程文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。
callback:可选参数;是指调用load方法并得到服务器响应后,再执行的另外一个函数。
一:如何使用data
1.加载一个php文件,该php文件不含传递参数$("#myid").load("test.php");
//在id为#myid的元素里导入test.php运行后的结果
2. 加载一个php文件,该php文件含有一个传递参数
$("#myid").load("test.php",{"name" : "adam"});
//导入的php文件含有一个传递参数,类似于:test.php?name=adam
3. 加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔
$("#myid").load("test.php",{"name" : "adam" ,"site":"61dh.com"});
//导入的php文件含有一个传递参数,类似于:test.php?name=adam&site=61dh.com
4. 加载一个php文件,该php文件以数组作为传递参数
$("#myid").load("test.php",{'myinfo[]', ["adam", "61dh.com"]});
//导入的php文件含有一个数组传递参数。
ready 方法
简单方式
$(document).ready(function(){
//编写代码
})
简写方式为
$(function(){
//编写代码
})
另外,$(document)也可以简写为$().当$()不带参数时,默认参数就是“document”,因此可简写为:
$().ready(function(){
//编写代码
})
3种方式功能一样。
-
上一个: css js 文字滚动效果
-
下一个: js 设置cookie与删除cookie