《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>

相关文章
|
19天前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
|
28天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
44 2
|
12天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
30 0
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
27 1
|
2月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
36 1
|
2月前
|
前端开发 JavaScript
pyquery:一个灵活方便的 HTML 解析库
pyquery:一个灵活方便的 HTML 解析库
25 1
|
3月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
47 6
|
2月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
66 0
|
3月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
17 2
|
2月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天