JQuery 代码的编写

先说一下编码前的的准备事宜。

1.获取jQuery的最新版本

2.jQuery库类xing4的说明

3.jQuery

4.在页面中引入jQuery（这的需要解释一下，他在引用时使用的是相对路径，在实际项目中需要调整jquery库的路径。

在编写的页面代码中<head>标签引入jQuery库后，就可以使用jQuery库了，程序如下；

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 STRICT//EN‘
" http://www.w3.org/TR/xhtm11DTD/XHTML1-strict.dtd>"
<html>
         <head>
                   <!--在head标签内 引入jQuery -->
                  <script src=' ../scripts/jquery--1.3.1.js' type='text/javascript'>
  </script>
         </head>
         <body>
         </body>
</html>

）

下面开始编写简单的jQuery；

注意：在开始写第一个程序之前，要知道一些只是，在jQuery库中，$就是jQuery的简写形式，例如$('#00')和jquery（‘#00’）是等价的，$.ajax和jquery.ajax是等价的。

下面看看格式；

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 STRICT//EN‘
" http://www.w3.org/TR/xhtm11DTD/XHTML1-strict.dtd>"
<html>
         <head>
                   <!--在head标签内 引入jQuery -->
                  <script src=' ../scripts/jquery--1.3.1.js' type='text/javascript'>
  </script>
                  <script type = 'text/javascript'>
                    $(domcument).ready(function(){
                    alert('Hello World!')
                    })
               </script>
         </head>
         <body>
         </body>
</html>

看看结果啊；

就是 Hello World

还有个要注意的

$(document).ready(function(){

})

这段代码与javaS中 window.onload方法有些区别。

（1）window 必须等待网页所有内容加载完才能执行，$(document)没有这个限制。

（2）window 不能同时编写多个，$(document)可以同事编写多个

（3）$(document).ready（）可以简写

$(document).ready(function(){
  //.....
})

简写
$(function(){
//....
})

猜你喜欢