第一个jQuery程序
版权所有:基础软件。作者邮箱:s.j.l.studio@hotmail.com,sun.j.l.studio@gmail.com。
本文首发于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字样。