欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQuery 代码的编写  

程序员文章站 2022-07-03 18:48:13
...

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

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