第一个jQuery程序

版权所有：基础软件。作者邮箱：[email protected]，[email protected]。
本文首发于http://www.cnblogs.com/FoundationSoft。文章转载请保持此版权信息并注明出处。

第一个jQuery程序（按照程序员惯例是个Hello, World）如下

 

$(

function()

{alert('Hello, World');}

);

 

其中的“$”在jQuery中是个很不一般的字符，在jQuery代码中处处都能看见它的身影。简单来说，$是个函数，但是这个函数能够接受不同参数，实现多种功能，就像是面向对象语言中的方法重载。

本例中的$函数只接受一个参数，这个参数本身又是个函数。这条语句的意思是当HTML文档在浏览器中加载完毕时执行$后面的函数，此处即显示“Hello,World”消息框。

$(function(){/*function body*/});这条语句看起来语法很复杂，尤其对于像我这种习惯了面向对象语言语法的程序员来说。把这条语句细分一下，其实是由好几部分组成的，这是一种简洁的写法。如果拆分成比较容易理解的形式，那么这一条语句应该包括以下内容。

 

function hello()

{

alert ('Hello, World');

};

$(document).ready(hello);

 

上面这段代码看起来就容易理解多了。首先定义了一个名称为hello的函数，接下来，为document对象的ready事件添加一个事件处理程序hello（我这种说法不严谨，但是还算说得过去，也比较容易理解，我一直是一个C#程序员，喜欢用“事件处理程序”这种词语，请多包涵）。

这段代码的意思就是说，当document对象ready时，也就是加载完成时，执行hello函数，即显示hello，world字样。