您的位置：首页 > Web前端 > JQuery

jQuery2(JQuery实现onload)

2016-02-05 22:09 507 查看

JQuery实现onload

注意:dom中的onload,是全部资源加载完后在进行执行,且只能执行一个.而jQuery中是基础元素加载完后就执行,且能执行多个(效率高).

语法:

$(function(){

});

完整的实例:

<!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></title>
<script src="jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
//jquery大部分都是方法,而系统中有很多属性.
//var jq = jQuery(document);
//var jq = $(document);
//世界使用$更方便,简单.
onload = function () {
alert('1');
};
onload = function () {
alert('11');
};
$(document).ready(function () {
alert('2');
});
$(document).ready(function () {
alert('3');
});
//注意,上述方法中,先弹出2.使用该方法
//只要页面中基础的元素标签加载完就执行,而onload是全部资源加载完在执行
//onload只能存在一个,最后面的会将前面的顶掉
//而jquery ready方法可以输出多个
//终极写法---终极写法,这里直接写方法,在页面加载完运行
$(function () {
alert('开始了吗?');
});
$(function () {
alert('已经结束了吧');
});
</script>
</head>
<body>

</body>
</html>

只需记得终极写法,且能实现多个即可

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航