JQuery入门—编写一个简单的JQuery应用案例

  一、官方网站下载:http://jquery.com

  二、引入JQuery文件库

  下载完后不用安装,只需将文件导入页面中即可,即在<head></head>中加入如下代码:<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script>

  三、编写一个弹出对话框的简单应用。

  

复制代码 代码如下:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

  <HTML>

  <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js">

  </script>

  <script type="text/javascript">

  $(document).ready(function(){ //$是JQurey程序的标志

  alert("您好,欢迎来到JQuery世界!");})

  </script>

  </HEAD>

  <BODY>

  </BODY>

  </HTML>

  效果图如:

  四、JQuery基本结构为:

  

复制代码 代码如下:

  $(document).ready(function(){

  //程序段

  })

  类似于JavaScript代码:window.onload=function(){

  //程序段

  }

  五、

  

复制代码 代码如下:

  $(document).ready(function(){

  //程序段

  })

  等价于

  $(function(){

  //程序段

  })