JS学习笔记

JavaScript 框架：1.jQuery 2.Prototype 3.MooTools 4.YUI 5.Ext JS 6.Dojo 7.script.aculo.us 8.UIZE

1.jQuery :主要的 jQuery 函数是 $() 函数（jQuery 函数）。如果您向该函数传递 DOM 对象，它会返回 jQuery 对象，带有向其添加的 jQuery 功能。

jQuery 允许您通过 CSS 选择器来选取元素。

jQuery 允许链接（链式语法）。链接（Chaining）是一种在同一对象上执行多个任务的便捷方法。示例如下：

$("#h01").attr("style","color:red").html("Hello jQuery");

2.Prototype :与 jQuery 类似，Prototype 也有自己的 $() 函数。$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。

与 jQuery 不同，Prototype 没有用以取代 window.onload() 的 ready() 方法。相反，Prototype 会向浏览器及 HTML DOM 添加扩展。

与 jQuery 相同，Prototype 允许链式语法。示例如下：

$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");

3.MooTools :提供了可使常见的 JavaScript 编程更为简单的 API。MooTools 也含有一些轻量级的效果和动画函数。

4.YUI - Yahoo! User Interface Framework，涵盖大量函数的大型库，从简单的 JavaScript 功能到完整的 internet widget。

5.Ext JS - 可定制的 widget，用于构建富因特网应用程序（rich Internet applications）。

6.Dojo - 用于 DOM 操作、事件、widget 等的工具包。

7.script.aculo.us - 开源的 JavaScript 框架，针对可视效果和界面行为。

8.UIZE - Widget、AJAX、DOM、模板等等。

在 JavaScript 中，您可以分配一个函数以处理窗口加载事件,各种方式实例对比：

    //1.JavaScript 方式

    function myFunction()

    {

        var obj=document.getElementById("h01");

        obj.innerHTML="Hello JavaScript";

    }onload=myFunction;

    //2.jQuery 方式

    function myFunction()

    {

        $("#h01").html("Hello jQuery");

    }$(document).ready(myFunction);

    //3.Prototype 方式

    function myFunction()

    {

        $("h01").insert("Hello Prototype!");

    }Event.observe(window,"load",myFunction);//Event.observe() 接受三个参数：

                                            //1.您希望处理的 HTML DOM 或 BOM（浏览器对象模型）对象

                                            //2.您希望处理的事件

                                            //3.您希望调用的函数