1.1 在HTML页面中添加jQuery
问题
你想在Web页面中添加JQuery库支持
解决方案
目前将JQuery库嵌入到Web页面有2种方案:
使用Goole在线提供的特定版本的库文件。(Google-hosted content delivery network)
从JQuery.com网站下载特定版本的JQuery并将其存放到本地服务器上。
讨论
在页面中添加JQuery库与添加其他库到页面没有任何区别。你只需要使用<script>元素并且将Jquery库文件位置添加到src属性中。例如:下面的代码可以作为任何时候添加Jquery到您Web页面的写法的模版:
Code:
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. <html>
4. <head>
5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6. <script type="text/JavaScript"
7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
8. </head>
9. <body>
10. <script type="text/JavaScript">
11. alert('jQuery ' + jQuery.fn.jquery);
12. </script>
13. </body>
14. </html>
请注意,在公共访问的Web页面中推荐使用Google-hosted方式加载minifled版的JQuery。然而当您需要debug JavaScript中的bug时minifled代码就不适合了。在开发过程或产品站点最好使用google提供的非mini版的Jquery库以方便解决遇到的JavaScript问题。关于使用Googlehost提供的Jquery版本的更多信息,请访问http://code.google.com/apis/ajaxlibs/.
当然,你也可以和传统的方式一样将JQuery代码自己保存一份。然而,在大多数环境下,我们推荐使用Google提供的JQuery代码。这是因为使用Google存储的JQuery更加稳定、可靠、高速。当然你也可以不使用Google提供的解决方案,这会使你产生额外的开销。
不管由于什么样的原因,你现在不想使用Google提供的JQuery版本。你使用自定义的JQuery版本,或者你的应用无法访问Internet。或者,你是一个控制欲极强的人,不想让自己的应用每次向Google发送请求。如果你是上面所说的人中的一员,你可以从JQuery.com上下载JQuery的源码并将其保存到你的本地文件系统上。为了能够正常使用上面提供的模版,你只需要将模版中src属性的值修改为你下载到本地的JQuery的JavaScript文件的位置就可以了。
分享到:
相关推荐
《Packt Publishing ASP.NET jQuery Cookbook(2011)》一书是针对ASP.NET与jQuery集成的专业指南,由Sonal Aneel Allana撰写。本书提供了超过60个实用的食谱,旨在帮助读者深入了解如何将jQuery有效地整合到ASP.NET...
《jQuery Cookbook(第1版)》是一本深受前端开发者欢迎的指南,专注于使用jQuery这个强大的JavaScript库来简化网页交互和DOM操作。这本书的源代码包含了示例代码和书中的实践项目,是学习和理解jQuery核心功能及高级...
### jQuery Cookbook 英文版知识点概述 #### 一、引言 《jQuery Cookbook》是一本由多位jQuery社区专家编写的权威教程,旨在帮助读者快速掌握并深入理解jQuery这一流行的JavaScript库。本书通过丰富的实例和实战...
jQuery UI Cookbook(2013.7) Adam Boduch (pdf + ePub) 出版时间:2013.7 Adam Boduch Packt 内容简介: jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery ...
《PHP_jQuery Cookbook》是一本专注于PHP与jQuery结合使用的教程书籍。本书包含了超过60个简单但高效的应用实例,旨在帮助读者创建交互式Web应用。作者Vijay Joshi是一位拥有多年经验的专业程序员,在开源技术领域...
PHP jQuery Cookbook + codebundle, 英文版 2010-12月
《PHP与jQuery开发实例:PHP jQuery Cookbook》一书旨在为读者提供超过60个简单而高效的实际案例,帮助他们利用PHP结合jQuery创建交互式的Web应用。本书由Vijay Joshi编写,他在不同的平台上拥有超过六年的编程经验...
jQuery Mobile Cookbook 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在...
《jQuery CookBook》是一本由jQuery社区专家编写的权威指南,旨在帮助读者深入理解和熟练运用jQuery库。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务,极大地提高了...
ASP.NET jQuery Cookbook(2nd) 英文mobi 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除