jQuery -> 获取／设置HTML或TEXT内容

最新推荐文章于 2021-07-17 16:27:45 发布
最新推荐文章于 2021-07-17 16:27:45 发布
阅读量462 收藏
点赞数
分类专栏： Web开发

jQuery提供了两个API可以直接用来为元素添加内容。

  1. html()
  2. text()
其中 html()是为指定的元素添加html内容
text()是为指定的元素添加文本内容
两者的区别在于，text中的内容是纯文本，不会被解析为html

如果要对如下html代码进行操作
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <body>  
  2. <p></p>  
  3. </body>  

使用 html()
[javascript]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. $('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');  
页面效果为

Hello World, I am a <p> element.


如果使用 text()
[javascript]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. $('p').text('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');  
页面效果为
<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.
IT潜水者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html读出文本文件内容
10-31
html读出文本文件内容
jQuery html text val 方法
hck341204的专栏
12-09 133
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明： 首先，html属性中有两个方法，一个有参，一个无参 1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String 例子： html...
jQuery学习笔记三：获取内容（text、html、val）
HorseRunningNoStop的博客
05-17 499
1.获取内容直接.xxx(xxx为text、html、val) $("#btn1").click(function(){ alert("Text: " + $("#test").text()); alert("HTML: " + $("#test").html()); alert("Value: " + $("#test").val()); alert($("#w3s").att
jQuery 获取、设置HTML或TEXT内容的两种方法
hello world！
01-23 944
jQuery提供了两个API可以直接用来为元素添加内容。  html()  text()  其中html()是为指定的元素添加html内容  text()是为指定的元素添加文本内容  两者的区别在于，text中的内容是纯文本，不会被解析为html  如果要对如下html代码进行操作  代码如下:       使用html()  代码如
JQuery获取与设置HTML元素的内容或文本的实现代码
12-09
在网页开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作，包括获取和设置HTML元素的内容或文本。在本文中，我们将深入探讨如何使用jQuery的`html()`和`text()`方法来实现这些功能。 首先，我们...
attacklab-14-jquery获取和设置标签内容.ev4.rar
最新发布
05-26
《jQuery获取和设置标签内容详解》 在网页开发中，jQuery作为一个强大的JavaScript库，极大地简化了DOM操作，包括获取和设置HTML元素的标签内容。在本篇内容中，我们将深入探讨jQuery如何帮助开发者高效地处理页面...
jQuery-Paging动态分页数据获取插件.zip
07-11
2. 引入jQuery-Paging插件：将jQuery-Paging的js文件引入到HTML页面中，通常放置在`<head>`或`<body>`标签的底部。 3. 创建分页容器：在HTML中设置一个div元素作为分页条的容器。 4. 初始化插件：使用JavaScript代码...
html:text
welcomejzh的专栏
10-28 1450
【功能说明】html:text/>产生HTML语句：”text”…>。此tag拥有一个简单方便、集中统一的UI输入数据校验机制，提高了EOS应用的Web页面开发效率和正确性、方便维护与修改。使用数据校验必须在提交的时候调用autoInputCheck()这个js方法。【使用说明】1）    属性说明属性取值类型取值范围是否必填
HTML复习之用HTML设置文本
Java学习之乐的博客
05-11 450
今日目录        1、HTML基本结构        2、文本排版        3、设置文字列表        4、HTML标记与HTML属性        5、特殊文字符号一、HTML基本结构        1、&lt;html&gt; 标记放在 HTML 文件的开头，是一个形式上的标记；        2、&lt;body&gt; 标记称为主体标记，网页所要显示的内容都放在这个标记内，...
jquery中html()或text()方法获取或设置p标签的值
shueiyuan1983的专栏
10-10 5708
设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容： text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值
jQuery - 设置内容和属性
weixin_57783892的博客
07-17 74
设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容： text()、html() 以及 val() 的回调函数 上面的三个 jQuery 方法：text()、html() 以及 val().
jquery读取html:text的内容
10-19 103
//打开客户联系人function getCustContact(){ var cust_name = $("#cust_name").val(); alert(cust_name);}     &lt;html:text  property="cust_name"  styleId="cust_name" styleClass="textfield-250"/&gt; 解析为：&lt;i...
html在text写文本,CSS Text(文本)
weixin_35854667的博客
06-17 506
CSS Text(文本)CSS文本属性使您可以非常有效地轻松定义几种文本样式，例如颜色，对齐方式，间距，装饰，变换等。使用CSS格式化文本CSS具有几个用于定义文本样式的属性。这些属性使您可以精确控制字符，空格，单词，段落等的视觉外观。您可以设置元素的以下文本属性：文字颜色示例h1{color:#ff0000;}p{color:green;}测试看看‹/›注意：尽管文本的颜色看起来像是CS...
html text 原生 文字,input type="text"
weixin_32762821的博客
05-31 789
"text"类型的元素 创建通用的单行文本字段。值表示文本字段中包含的值的DOMString。活动change 和 input支持的通用属性autocomplete, list, maxlength, minlength, pattern, placeholder, required, size.IDL属性value方法select()，setRangeText()，setSelectionRa...
jQuery设置和获取HTML、文本和值
weixin_30745641的博客
01-03 64
jQuery设置和获取HTML、文本和值 转载于:https://www.cnblogs.com/macT/p/10212665.html
HTML/CSS中文本text属性详解
热门推荐
xiaokangmiclong的博客
03-30 1万+
letter-spacing：控制字母之间的距离 word-spacing :控制文字间空格的距离 text-decoration :控制文本是否有下划线 text-transform :控制英文的大小text-align:控制文本的对齐方式 text-indent :控制文本首行的缩进white-space：控制文本与文档源代码的关系
试一试，在<script>的标签内容，获取所有LI标签，并输出相应节点的名称、节点的值、节点的类型。<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>节点属性</title> </head> <body> <ul> <li>javascript</li> <li>HTML/CSS</li> <li>jQuery</li> </ul> <script type="text/javascript"> </script> </body> </html>
06-03
好的，以下是示例代码： ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>节点属性</title> </head> <body> <ul> <li>javascript</li> <li>HTML/CSS</li> <li>jQuery</li> </ul> <script type="text/javascript"> // 获取所有LI标签 var lis = document.getElementsByTagName("li"); // 遍历LI标签，并输出相应节点的名称、节点的值、节点的类型 for (var i = 0; i < lis.length; i++) { var name = lis[i].nodeName; var value = lis[i].childNodes[0].nodeValue; var type = lis[i].nodeType; console.log("节点名称：" + name + "，节点值：" + value + "，节点类型：" + type); } </script> </body> </html> ``` 运行以上代码后，在控制台中可以看到输出结果，如下所示： ``` 节点名称：LI，节点值：javascript，节点类型：1 节点名称：LI，节点值：HTML/CSS，节点类型：1 节点名称：LI，节点值：jQuery，节点类型：1 ``` 其中，节点名称为LI，节点值分别为javascript、HTML/CSS、jQuery，节点类型都是1，表示元素节点。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值