jQuery简介

2021-04-22 21:41:19 更新

目录

一、什么是 jQuery ?

二、jQuery特点

三、学习jQuery您需要具备的基础知识

四、jQuery库包含以下功能

五、为什么使用 jQuery ?

六、jQuery版本支持

七、线上 jQuery 库


内容


一、什么是 jQuery ?

jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

二、jQuery特点:

jQuery 很容易学习。

jQuery 库可以通过一行简单的标记被添加到网页中。


三、学习jQuery您需要具备的基础知识
在您开始学习 jQuery 之前,您应该对以下知识有基本的了解:

    HTML
    CSS
    JavaScript

四、jQuery库包含以下功能:
    HTML 元素选取
    HTML 元素操作
    CSS 操作
    HTML 事件函数
    JavaScript 特效和动画
    HTML DOM 遍历和修改
    AJAX
    Utilities

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


五、为什么使用 jQuery ?

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

很多大公司都在使用 jQuery, 例如:

    Google
    Microsoft
    IBM
    Netflix

jQuery是否适用于所有浏览器?
jQuery 团体知道JS在不同浏览器中存在着大量的兼容性问题,目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!


六、jQuery版本支持

在使用jQuery的时候你应该要注意的是 jQuery 2版本以上是不支持 IE6,7,8 浏览器的。那么如果使用的是 IE6,7,8 浏览器的话,你就得选择使用jQuery1.9版本的,或者,你也可以通过条件注释在使用 IE6,7,8 浏览器的时候只允许包含 jQuery 1.9.

注释代码如下:

<!--[if lt IE 9]> <!--若小于ie9-->
    <script src="jquery-1.9.0.js"></script> 
<![endif]--> 
<!--[if gte IE 9]><!--若大于ie9--> 
    <script src="jquery-2.0.0.js"></script> 
<!--<![endif]-->

更多判断浏览器版本参看这里

七、线上 jQuery 库

如果您希望将 jQuery 库存放在您的计算机上,那么根据 Google 和 Microsoft 对 jQuery 友好性,您可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

使用 Google 的 CDN   

<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

使用 Microsoft 的 CDN  

<head>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>