《jQuery Cookbook中文版》——1.1 在HTML页面中包含jQuery程序库代码

简介:

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.1节,作者:【美】jQuery社区专家组 译者:姚军 , 孙博更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.1 在HTML页面中包含jQuery程序库代码

1.1.1 问题
你打算在一个网页上使用jQuery JavaScript程序库。

1.1.2 解决方案
目前,在网页中嵌入jQuery程序库有两种理想的解决方案:

使用Google托管的内容分发网络(Content Delivery Network,CDN)来包含某个版本的jQuery(本章采用这种方式)。
从jQuery.com上下载你自己的jQuery版本,将其安装在你自己的服务器或者本地文件系统上。
1.1.3 讨论
包含jQuery JavaScript程序库和包含其他外部JavaScript文件没有什么不同。你只要使用HTML SCRIPT元素并提供src=""属性的值(URL或者目录路径),你所链接的外部文件就将包含在网页中。例如,下面的模板包含了jQuery程序库,可以用后者启动任何jQuery项目:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
< script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
< script type="text/JavaScript">
   alert('jQuery ' + jQuery.fn.jquery);
</script>
</body>

相关文章
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
79 7
|
2月前
|
JavaScript
基于jQuery实现文字点击验证代码
jQuery文字点击验证代码基于jquery-3.4.1.min.js制作,按顺序,依次点击文字通过验证。
36 5
|
2月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
76 11
|
2月前
html实现的破碎拼接文字动画特效代码
html实现的破碎拼接文字动画特效代码是一段会自动产生文字依次破碎再拼接的效果,非常的炫。欢迎对此段代码感兴趣的朋友前来下载使用。
38 1
|
2月前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
75 0
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
43 0
|
存储 缓存 JavaScript
编写高性能的jQuery代码
编写高性能的jQuery代码
|
缓存 JavaScript 前端开发
编写更好的jQuery代码
讨论jQuery和Javascript性能的文章有很多。不过在这里我还是要总结一下jQuery的提速策略,还有我自己的一些建议,希望这些建议能帮助你写出更好的jQuery和JavaScript代码。更好的代码意味着更快的应用和无垃圾的网站。更快的渲染和响应意味着更好的用户体验。
143 0
编写更好的jQuery代码
|
缓存 前端开发 JavaScript
(转载)编写高效的jQuery代码
原文地址:http://www.cnblogs.com/ppforever/p/4084232.html 最近写了很多的js,虽然效果都实现了,但是总感觉自己写的js在性能上还能有很大的提升。本文我计划总结一些网上找的和我本人的一些建议,来提升你的jQuery和javascript代码。
884 0
|
Web App开发 缓存 JavaScript
编写高性能的jQuery代码
jQuery Optimization 现在jQuery已经出现在很多项目中,然而许多同学忽略了他的性能问题以及代码质量问题, 下面是我对jQuery的一些性能方面的学习. 选择器 选择器是jQuery中的核心功能,选择同一个DOM元素我们可以使用不同的方法。
866 0