JS库

jQuery

使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)

Prototype

提供了执行web页面常见操作的API

Prototype 框架最大的部分就是对DOM的扩展。通过Prototype框架里的$()函数能够返回一个网页DOM元素

MooTools

提供了可使常见的 JavaScript 编程更为简单的 API

跟Prototype几乎拥有一样的语法，但是提供了比Prototype多的功能，而且更强大，还拥有实用而清晰的文档和示例

其他框架

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

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

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

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

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

CDN -内容分发网络

为了使web页面小、加载速度快、同时希望浏览器尽可能的缓存页面，减少网络传输，将JS库放在CDN上，CDN 是包含可分享代码库的服务器网络

引用 jQuery

//src为库的url
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>

//jQuery的主要函数是 $() 函数，参数传入一个DOM对象，返回一个jQuery对象。
例子：JS和jQuery处理窗口加载事件的写法是不同的
//JS的方式
function myFunction(){
    var obj=document.getElementById("h01");
    obj.innerHTML="Hello jQuery";
}
onload=myFunction;
//等价的jQuery方式，在 JavaScript 中函数就是变量，因此可以把 myFunction 作为变量传递给 jQuery 的 ready 方法
function myFunction(){
    $("#h01").attr("style","color:red").html("Hello jQuery") //jQuery 允许链接（链式语法）
}
$(document).ready(myFunction);

引用 Prototype

<script src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js"></script>

Prototype 描述

Prototype 提供的函数可使 HTML DOM 编程更容易。

与 jQuery 类似，Prototype 也有自己的 $() 函数。

$() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能。

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

例子：JS和Prototype处理窗口加载事件的写法是不同的
//JS的方式
function myFunction(){ 
    var obj=document.getElementById("h01"); 
    obj.innerHTML="Hello Prototype"; 
} 
onload=myFunction;
//等价的Prototype方式
function myFunction(){ 
    $("h01").writeAttribute("style","color:red").insert("Hello Prototype!");//链式语法
}
Event.observe(window,"load",myFunction);