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翻译连载1
最新推荐文章于 2010-05-15 00:14:00 发布