jquery

最新推荐文章于 2023-07-07 14:28:52 发布

原创最新推荐文章于 2023-07-07 14:28:52 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java #jQuery

javaWeb阶段专栏收录该内容

55 篇文章

订阅专栏

本文介绍了jQuery框架，一个快速、简洁的JavaScript库，旨在实现writeLess，DoMore的设计理念。文章详细阐述了jQuery的特性、用途及如何在网页中添加和使用jQuery，同时提供了多个CDN链接供选择。

【一】什么是jquery库？

答：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

【二】为什么使用jquery库？

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

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

Google
Microsoft
IBM
Netflix

【三】jquery库那么多，怎么确定自己要使用的和网址是什么呢？

答：可以根据自己的需求在网上查找所需要的jquery库。jquery下载所有版本实时更新：http://www.jq22.com/jquery-info122

【四】如何使用jquery？

答：（1）网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。您可以使用以下方法：

从 jquery.com 下载 jQuery 库
从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

（2）下载 jQuery；以下两个版本都可以从 jquery.com 中下载。

有两个版本的 jQuery 可供下载：

Production version - 用于实际的网站中，已被精简和压缩。
Development version - 用于测试和开发（未压缩，是可读的代码）

<!--如何引用-->
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>

（3）如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络）引用它。

Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。

<!--Staticfile CDN-->
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>

<!--百度 CDN-->
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

<!--又拍云 CDN-->
<head>
<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>

<!--新浪 CDN-->
<head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>

<!--Google CDN-->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

<!--Microsoft CDN-->
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head>

【五】50个有用的jquery插件

答：https://www.oschina.net/translate/jquery-plugins-to-take-your-website-to-another-level

【六】jquery的API在线中文文档

答：http://jquery.cuishifeng.cn/