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(){
//....
})

相关推荐