《jQuery Cookbook中文版》——1.1 在HTML页面中包含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 元素并提供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>
时间: 2024-10-23 05:06:24

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

《jQuery Cookbook中文版》——1.3 用选择器和jQuery函数选择DOM元素

1.3 用选择器和jQuery函数选择DOM元素 1.3.1 问题你需要选择一个DOM元素或者一组DOM元素,以便用jQuery方法作用于这些元素. 1.3.2 解决方案当你需要从DOM中选择元素时,jQuery提供两种备选方案.这两种选项都要求使用jQuery函数(jQuery()或其别名$()).第一种选项使用CSS选择器和自定义选择器,这是最常用和最清晰的解决方案.通过向jQuery函数传递一个包含选择器表达式的字符串参数,该函数将遍历DOM并查找表达式定义的DOM节点.下面的代码是一个例

《jQuery Cookbook中文版》——导读

前言 jQuery程序库给前端开发带来了一场风暴.它极其简单的语法使曾经很复杂的任务变得轻松愉快.许多开发人员很快就为它的优雅和清晰而着迷.如果你已经开始使用这个程序库,你就已经将丰富而具有交互性的体验加入到你的项目中. jQuery的入门非常容易,但是和许多用于开发网站的工具一样,完全体会到它的广度和深度需要花费几个月甚至几年的时间.这个程序库充满了你从未想象过的特性.一旦你了解了这些特性,这些特性就能够戏剧性地改变你解决问题的方法. 本书旨在向亲爱的读者展示业界领先的前端开发人员在日常项目中

《jQuery Cookbook中文版》——1.10 创建、操作和插入DOM元素

1.10 创建.操作和插入DOM元素 1.10.1 问题 你打算创建一个或者多个新的DOM元素,立刻选中这些元素加以操作,然后把它们注入到DOM中. 1.10.2 解决方案 你可能还不清楚,jQuery函数是多功能的,根据你发送的不同参数结构,一个函数能以不同的方式运行.如果以原始HTML文本字符串为参数调用函数,它将立刻创建这些元素.例如,下列语句将创建一个包装在< p>元素中的< a>元素,在< p>和< a>元素中还封装了一个文本节点: jQuery(

《jQuery Cookbook中文版》——1.15 获取和设置HTML内容

1.15 获取和设置HTML内容 1.15.1 问题你需要获取或者设置当前网页中的一块HTML内容. 1.15.2 解决方案jQuery提供html()方法,用于获取和设置HTML元素块(或者DOM结构).在下面的代码中,使用这个方法设置HTML元素中找到的< p>元素的HTML值,然后获取该值: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

使用js向页面中插入html,代码定义在变量中,但是执行的时候提示变量未定义,变量都打印的出来。

问题描述 使用js向页面中插入html,代码定义在变量中,但是执行的时候提示变量未定义,变量都打印的出来. var test=text.html;这个text.html是json格式的获得json中的html值 alert(test); $('#login').html(test); 这个图片是我的代码,下面这个js是远程返回一个调用js函数,内容是ajaxload({"html":"xxx"});xxx就是我上面截图打印出来的 解决方案 你应该是执行到else语句

《jQuery Cookbook中文版》——1.2 在DOM加载之后、整个页面加载之前执行jQuery/JavaScript代码

1.2 在DOM加载之后.整个页面加载之前执行jQuery/JavaScript代码 1.2.1 问题 采用无干扰式JavaScript方法论的现代JavaScript应用程序通常只在DOM完全加载之后才执行JavaScript.实际情况是,任何DOM遍历和操纵都要求在操作之前必须加载DOM.需要一种手段来确定客户端(最常见的是Web浏览器)何时完成DOM的加载(这时图片和SWF文件等资源可能还没有完全加载).如果在这种情况下使用window.onload事件,包括所有资源的整个文档完全加载之后

《jQuery Cookbook中文版》——第1章 jQuery基础1.0 导言

第1章 jQuery基础 1.0 导言 既然你已经选择了一本有关jQuery的"食谱",本书作者基本就可以假定你对jQuery的定义和功能有了大致的认识.坦白说,"食谱"通常是为寻求加强已有知识基础的读者所编写的.因此,本书使用了问题-解决方案-讨论的编排方式,快速地介绍常见问题的解决方案.但是,如果你是一位jQuery新手,不要把本书抛诸脑后,认为第1章是老生常谈,这一章就是专为新手所写的. 如果你需要复习,或者只有很少或者完全没有jQuery的知识,第1章将帮助

《jQuery Cookbook中文版》——1.11 删除DOM元素

1.11 删除DOM元素 1.11.1 问题 你想从DOM中删除元素. 1.11.2 解决方案 remove()方法可以用于从DOM中删除选中的元素集及其子元素.请看如下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <h

《jQuery Cookbook中文版》——1.13 克隆DOM元素

1.13 克隆DOM元素 1.13.1 问题 你需要克隆/复制DOM的一部分. 1.13.2 解决方案 jQuery提供clone()方法复制DOM元素.它的用法很简单,只要用jQuery函数选择DOM元素,然后在选择的元素集上调用clone()方法就可以了.结果是返回用于链接的DOM结构的一个副本,而不是原来选中的DOM元素.在下面的代码中,将克隆一个< ul>元素,然后用插入方法appendTo()将这个副本附加到DOM中.实际上,在页面上插入了与现有的< ul>完全相同的一个