jquery 显示纯文本

最新推荐文章于 2025-05-07 14:39:53 发布

原创最新推荐文章于 2025-05-07 14:39:53 发布 · 874 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

前端设计专栏收录该内容

14 篇文章

订阅专栏

本文详细解析了jQuery中.text()与.html()方法的区别，并提供了实例说明如何正确使用这两个方法替换元素内容。重点在于理解两者如何处理HTML标签，以及在实际项目中的应用场景。

var htmlStr = "<div class='"+name+"' id='"+name+i+"'><p></p></div>";
        
		$("body").append(htmlStr);
		
		$("#"+name+i+" >p").text($(this).attr('title'));

上述为项目中实现此功能的部分代码.

.text(textString)方法和.html(htmlString)方法都是一样用来替换元素的内容，他们不同之处是：.html(htmlString) 方法会把HTML标签当作新的HTML标签来替换原来的内容，而.text(textString)则把HTML标签会转换成纯文本内容来代替元素的旧内容。换句话说，.text(textString)方法中如果包含了HTML的标签，此方法会将< 替换为 &lt,>替换为&gt.因此可以把html的显示为纯文本的.

参考:http://www.w3cplus.com/jquery/html-text-value

http://api.jquery.com/text/