jQuery学习笔记开篇

开始学习人见人爱花见花开的jQuery。
jQuery是一个轻量级，快速简洁的javascript框架。它的官方网址是( http://jquery.com/ )。jQuery的优点是它容量小巧，简洁和简短的语法，容易记；开发者能更方便地处理dom，独特的链式代码风格,强大的事件、样式支持,强大的AJAX功能,易于扩展，插件丰富等。目前它的最新版本为 jQuery 1.3.1（ http://jqueryjs.googlecode.com/files/jquery-1.3.1.js ），读者可自行下载试用。 
在jQuery的官网上，赫然写着“jQuery is designed to change the way that you write JavaScript.”。可想而知，熟悉直接写javascript的朋友们如果选择jQuery，可能不得不学习jQuery自己独特的那一套规则了。下面我们看一个jQuery使用的小例子：

< script  type ="text/javascript" >    
    $(document).ready( function (){
        $( " a " ).click( function () {
        alert( " This is a jQuery test! " );
   });
});
< script >

说明：上边代码的效果是点击dom文档中所有a标签时将弹出对话框"This is a jQuery test.". ("a")是一个jQuery选择器，("a")是一个jQuery选择器， 本身表示一个jQuery类，所有 ()是构造一个jQuery对象,click()是这个对象的方法;同理()是构造一个jQuery对象,click()是这个对象的方法;同理 (document)也是一个jQuery对象，ready(fuc)是 (document)的方法，表示当document全部下载完毕时(document全部下载完毕是必须的，否则jQuery可能找不到dom中对应元素)执行函数。对于(document)的方法，表示当document全部下载完毕时(document全部下载完毕是必须的，否则jQuery可能找不到dom中对应元素)执行函数。对于 ，其实等价于“jQuery”，可以将上面示例中的$替换成jQuery,大家可以比较一下运行结果。

< script  type ="text/javascript" >    
    jQuery(document).ready( function (){
         jQuery( " a " ).click( function () {
        alert( " This is a jQuery test! " );
   });
});
< script >

ps：以后用到jQuery的地方，默认都已经引入了我们已经下载的jQuery的js文件jquery-1.3.1.js（可能写成这样： <script src="js/jquery-1.3.1.js" type="text/javascript"></script>），以后不再多做说明。

(准备把jQuery学习笔记写成一个系列。下篇主要讲解jQuery的核心部分，包括语法，原理和实际操作的实例。)

本文转自JeffWong博客园博客，原文链接：http://www.cnblogs.com/jeffwongishandsome/archive/2009/08/07/1530593.html，如需转载请自行联系原作者