JQuery: 基本知识了解
一、介绍:
jQuery 是一个 JavaScript函数库。它极大地简化了 JavaScript 编程。
jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery 是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,Jquery还提供了大量的插件。
二、基本知识:
在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:HTML、CSS、JavaScript
目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
很多大公司都在使用 jQuery, 例如:Google、Microsoft、IBM、Netflix
jQuery是否适用于所有浏览器?
jQuery 团体知道JS在不同浏览器中存在着大量的兼容性问题,目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!
三、安装:
JQuery安装方式有两种方式,一种是手动下载后安装;另一种就是如果您不希望下载并存放jQuery,那么也可以通过 CDN(内容分发网络引用它,然后网页中添加jQuery。也即:
方式1:从jquery.com 下载 jQuery 库
有两个版本的 jQuery 可供下载:
Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
以上两个版本都可以从 jquery.com 中下载。
提示: 将下载的文件放在网页的同一目录下,就可以使用jQuery。
在 HTML5 中没有在 <script> 标签中使用 type="text/javascript" 。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言!
<head> <script src="jquery-1.10.2.min.js"></script> </head>
方式2:从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。
Baidu CDN:
<head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> </head>
又拍云 CDN:
<head> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head>
新浪 CDN:
<head> <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"> </script> </head>
Google CDN:(不推荐使用,因为谷歌的服务器在中国使用不稳定)
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> </head>
Microsoft CDN:
<head> <script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"> </script> </head>