- jQuery 基础
这是一个基础教程以帮助你认识jQuery。如果你还没有开始一个测试页面，让我们从下面的代码开始吧。
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
设置script的src属性到你jquery.js文件的目标位置。如果jquery.js和测试页面是在同一文件夹你可以写成下面的形式。
<script type="text/javascript" src="jquery.js"></script>
你可以下载jquery.js。
2.在页面加载完成后执行代码
大多数程序员在完成JS代码的时候要做的是在他们的程序里写上下面的代码：
window.onload = function(){ alert("welcome"); }
上面那行代码是为了在页面加载完成之后执行JS文件。但是问题是JS要等到所有的页面元素都加载完毕才执行，包括所有的图片。使用window.onload 的原因是你想在页面还没有加载完毕的时候执行JS code。
围绕上面两个问题，jQuery用一行指令还检查文件并在文件加载完成后执行。
$(document).ready(function(){
// Your code here
});
我们在文件加载完后添加一个链接点击的事件。
$(document).ready(function(){
$("a").click(function(event){
alert("Thanks for visiting!");
});
});
保存HTML文件，重新加载文件。点击链接，在链接还没有跳转到别的页面之前会弹出一个提示框。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
