jQuery入门：环境配置与基础语法解析

jQuery环境配置与引入

首先，访问jQuery官方网站（http://jquery.com）下载最新版本的库文件。

接下来，在项目中引入jQuery文件库。

下载后的文件无需安装，直接将其导入网页即可。具体操作是在HTML文档的<head>标签内添加如下代码：<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script>

首个jQuery应用示例

随后，编写一个包含弹出对话框的简单应用实例。

 
<!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="javascript">
$(document).ready(function(){ //$是jQuery程序的标志
alert("您好，欢迎来到jQuery世界!");})
</script>
</HEAD>
<BODY>
</BODY>
</HTML>

运行上述代码后的效果如下图所示。

jQuery基本结构与简写

jQuery的基本结构通常遵循以下模式：

 
$(document).ready(function(){
//程序段
}) 
这与JavaScript原生的window.onload=function(){
//程序段
} 

此外，还有一种更简洁的写法。

 
$(document).ready(function(){
//程序段
}) 
等价于以下简写形式：
$(function(){
//程序段
})