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

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

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

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/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p></p>
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/JavaScript">
jQuery('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');
alert(jQuery('p').html());
</script>
</body>
</html>

在浏览器中运行这段代码将造成浏览器修改< p>元素中包含的HTML内容,这些内容是使用html()方法设置的,然后用html()方法获取相同内容。

1.15.3 讨论
这个方法使用DOM的innerHTML属性获取和设置HTML块。你还应该知道,html()在XML文档中不可用(但是可用于XHTML文档)。

相关文章
|
23天前
|
JSON JavaScript 数据格式
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
|
1月前
|
缓存
html input 如何设置禁止缓存历史记录
html input 如何设置禁止缓存历史记录
17 0
|
2月前
|
Web App开发 编解码 移动开发
HTML页面关于高分屏的设置
该文章讲述了HTML页面在高分屏环境下遇到的问题,主要涉及`window.innerWidth`和`window.innerHeight`等参数返回物理设备宽度而非实际像素宽度,导致Chrome和Firefox在PC及Android端表现不一致。为解决兼容性问题,文章建议在HTML头部添加`viewport`元标签,设置`width=device-width, initial-scale=1.0`,以确保适配不同设备的高分屏。
|
1月前
切方块游戏 HTML5+jQuery【附源码】
切方块游戏 HTML5+jQuery【附源码】
18 0
|
1月前
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
制作温馨浪漫爱心表白动画特效HTML5+jQuery【附源码】
37 0
|
1月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
1月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
1月前
|
移动开发 搜索推荐 前端开发
HTML基础-元信息与字符集设置
【6月更文挑战第6天】本文探讨了HTML中的元信息和字符集重要性,它们影响网页渲染和SEO。元信息描述网页内容,字符集确保正确显示非ASCII字符。常见问题包括忽略字符集声明、错误声明、元信息位置不当和缺乏SEO优化。解决方法包括明确声明UTF-8字符集,适当使用元信息,遵循HTML规范,以及考虑使用`&lt;meta charset&gt;`。正确设置这些内容能确保内容正确显示,提升搜索引擎排名,优化用户体验。
|
2月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
|
2月前
HTML 文档声明和语言设置
HTML 文档声明和语言设置