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

JQuery CookBook翻译连载1

jQueryGoogleJavaScriptAjaxWeb 
阅读更多

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文件的位置就可以了。

分享到：
| JQuery CookBook翻译连载2
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics