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.您希望调用的函数