`
adamed
  • 浏览: 183870 次
社区版块
存档分类
最新评论

JQuery CookBook翻译连载1

阅读更多

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)

    《Packt Publishing ASP.NET jQuery Cookbook(2011)》一书是针对ASP.NET与jQuery集成的专业指南,由Sonal Aneel Allana撰写。本书提供了超过60个实用的食谱,旨在帮助读者深入了解如何将jQuery有效地整合到ASP.NET...

    jQuery.Cookbook(第1版)].源代码

    《jQuery Cookbook(第1版)》是一本深受前端开发者欢迎的指南,专注于使用jQuery这个强大的JavaScript库来简化网页交互和DOM操作。这本书的源代码包含了示例代码和书中的实践项目,是学习和理解jQuery核心功能及高级...

    jQuery Cookbook 英文版

    ### jQuery Cookbook 英文版知识点概述 #### 一、引言 《jQuery Cookbook》是一本由多位jQuery社区专家编写的权威教程,旨在帮助读者快速掌握并深入理解jQuery这一流行的JavaScript库。本书通过丰富的实例和实战...

    jQuery UI Cookbook (pdf + ePub)

    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 Cookbook》是一本专注于PHP与jQuery结合使用的教程书籍。本书包含了超过60个简单但高效的应用实例,旨在帮助读者创建交互式Web应用。作者Vijay Joshi是一位拥有多年经验的专业程序员,在开源技术领域...

    PHP jQuery Cookbook.pdf

    PHP jQuery Cookbook + codebundle, 英文版 2010-12月

    PHP与jQuery开发实例PHP jQuery Cookbook.pdf

    《PHP与jQuery开发实例:PHP jQuery Cookbook》一书旨在为读者提供超过60个简单而高效的实际案例,帮助他们利用PHP结合jQuery创建交互式的Web应用。本书由Vijay Joshi编写,他在不同的平台上拥有超过六年的编程经验...

    jQuery Mobile Cookbook 无水印原版pdf

    jQuery Mobile Cookbook 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在...

    jQuery CookBook

    《jQuery CookBook》是一本由jQuery社区专家编写的权威指南,旨在帮助读者深入理解和熟练运用jQuery库。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务,极大地提高了...

    ASP.NET jQuery Cookbook(2nd) mobi

    ASP.NET jQuery Cookbook(2nd) 英文mobi 第2版 本资源转载自网络,如有侵权,请联系上传者或csdn删除 本资源转载自网络,如有侵权,请联系上传者或csdn删除

Global site tag (gtag.js) - Google Analytics