<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../jquerysource/jquery.js" type="text/javascript"></script>
<!--伟大的hello world!-->
<script type="text/javascript">
//1.0:Hello World
//$ = jQuery($是jQuey的缩写)
//$("#foo")和jQuery("#foo")
//$.ajax和jQuery.ajax
$(document).ready(function(){//等待Dom元素加载完毕
alert("Hello World!");
});
jQuery(document).ready(function(){//等待Dom元素加载完毕
alert("$是jQuery的缩写!");
});
//2.0:window.onload与 $(document).ready()区别
//a.执行时机:window.onload必须等待所有内容加载完毕后(包括图片)才执行,$(document).ready()网页DOM元素绘制完成就可执行,可能其他关联内容没有执行完
//b.window.onload只可执行一次,如下
window.οnlοad=function(){
alert("第一次");
};
window.οnlοad=function(){
alert("第二次");
};
//只弹出"第二次",而$(document).ready()会弹出2此上面代码已验证
//c.$(document).ready(function(){});简写$(function(){}),如下
$(function(){
alert("$(document).ready(function(){});简写$(function(){})");
});
</script>
</head>
<body>
</body>
</html>
你好!世界!
最新推荐文章于 2022-12-13 13:50:15 发布