Jquery 如何工作

1. 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文件，重新加载文件。点击链接，在链接还没有跳转到别的页面之前会弹出一个提示框。