jQuery简介与安装

浏览数：23 / 时间：2015年06月09日

jQuery简介

JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。为了应对这些调整，许多的JavaScript(helper)库应运而生。这些 JavaScript 库常被称为JavaScript框架。

常见的JavaScript框架有：jQuery,Prototype,MooTools,YUI,Dojo.

jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。

jQuery是一个JavaScript函数库，也是一个轻量级的写的少做的多的JavaScript库。jQuery同时还提供了大量的插件。

jQuery库包含以下功能：

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

jQuery安装

可以通过以下两种方法向网页中添加jQuery:

从 jquery.com 下载 jQuery 库
从内容分发网络 CDN 中载入 jQuery, 如从 Google,baidu 中加载 jQuery

<!--  baidu CDN  -->
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
</head>
<!--  google CDN  -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</script>
</head>
<!--  google CDN  -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</script>
</head>

以下是一个jQuery应用的小例子：

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果你点我，我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>