js学习第七次 js库

JavaScript 库 - jQuery、Prototype、MooTools。js库就是js框架

jQuery

jQuery 是目前最受欢迎的 JavaScript 框架。

它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。

jQuery 同时提供 companion UI（用户界面）和插件。

Prototype

Prototype 是一种库，提供用于执行常见 web 任务的简单 API。

API 是应用程序编程接口（Application Programming Interface）的缩写。它是包含属性和方法的库，用于操作 HTML DOM。

Prototype 通过提供类和继承，实现了对 JavaScript 的增强。

MooTools

MooTools 也是一个框架，提供了可使常见的 JavaScript 编程更为简单的 API。

MooTools 也含有一些轻量级的效果和动画函数。

CDN - 内容分发网络

如果许多不同的网站使用相同的 JavaScript 框架，那么把框架库存放在一个通用的位置供每个网页分享就变得很有意义了。

CDN (Content Delivery Network) 解决了这个问题。CDN 是包含可分享代码库的服务器网络。

Google 为一系列 JavaScript 库提供了免费的 CDN，包括：

• jQuery
• Prototype
• MooTools
• Dojo
• Yahoo! YUI

如需在您的网页中使用 JavaScript 框架库，只需在 <script> 标签中引用该库即可：

使用框架测试

在您决定为网页使用 JavaScript 框架之前，首先对框架进行测试是明智的。

JavaScript 框架很容易进行测试。您无需在计算机上安装它们，同时也没有安装程序。

通常您只需从网页中引用一个库文件。

在本教程的下一章，我们会为您完整地讲解 jQuery 的测试过程。

一些简单的jq用法

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>

function myFunction()
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);

JavaScript - 测试 Prototype

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

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

Prototype 方式：

function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);

Event.observe() 接受三个参数：

• 您希望处理的 HTML DOM 或 BOM（浏览器对象模型）对象
• 您希望处理的事件
• 您希望调用的函数

后面再详细学jq框架和vue框架