JavaScript 框架（库）

JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。
为了应对这些调整，许多的 JavaScript (helper) 库应运而生。
这些 JavaScript 库常被称为 JavaScript 框架。
在本教程中，我们将了解到一些广受欢迎的 JavaScript 框架：

  • jQuery
  • Prototype
  • MooTools

所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。

jQuery

jQuery是一个JavaScript函数库。
jQuery是一个轻量级的”写的少，做的多”的JavaScript库。
jQuery库包含以下功能：

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

提示： 除此之外，Jquery还提供了大量的插件。

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()

  • 美元符号定义 jQuery
  • 选择符（selector）”查询”和”查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中： $(document).ready(function(){> // 开始写 jQuery 代码…__> });这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

常用selector

元素 元素
$(“*”) 选取所有元素 在线实例
$(this) 选取当前 HTML 元素 在线实例
$(“p.intro”) 选取 class 为 intro 的

元素

 在线实例
$(“p:first”) 选取第一个

元素

 在线实例
$(“ul li:first”) 选取第一个
    元素的第一个
  • 元素
 在线实例
$(“ul li:first-child”) 选取每个
    元素的第一个
  • 元素
 在线实例
$(“[href]”) 选取带有 href 属性的元素 在线实例
$(“a[target=’_blank’]”) 选取所有 target 属性值等于 “_blank” 的 元素 在线实例
$(“a[target!=’_blank’]”) 选取所有 target 属性值不等于 “_blank” 的 元素 在线实例
$(“:button”) 选取所有 type=”button” 的 元素 和 在线实例
$(“tr:even”) 选取偶数位置的
在线实例
$(“tr:odd”) 选取奇数位置的
在线实例

常用action

鼠标事件 键盘事件 表单事件 文档/窗口事件
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload

常用html方法（jQuery获取html(dom)）

三个简单实用的用于 DOM 操作的 jQuery 方法：

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容（包括 HTML 标记）
  • val() - 设置或返回表单字段的值
  • attr() - 用于获取属性值 ```javascript <!DOCTYPE html>

名称:

```