`

jquery html()和text()函数的区别

 
阅读更多

 

html作为赋值函数时,不会转义参数,也就是说,下面这段代码

   $("some_selector").html("<a href="some_url">点击这里</a>");

不会转义链接标签的尖括号,

text作为赋值函数时,会转义尖括号,上面的链接会以明文的形式显示在页面上。

 

从两个函数的名称可以知道,html就是将文本以html对待,而text是将文本以text的形式对待

 

比如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>

<script type="text/javascript" src="jquery-1.7.1.min.js"></script>

<script type="text/javascript">
	
	
	$(document).ready(function(){ 
		var val = "<a href='www.baidu.com'>点击这里</a>";
		
		$("#bentest").html(val);
		$("#bentest2").text(val);
	}); 
	
</script>

<div id="bentest">fsdfs</div>
<div id="bentest2">fdfsd</div>
</body>
</html>

 

页面显示成:

 

 

  • 大小: 14.4 KB
分享到:
评论

相关推荐

    jquery函数 强大的封装

    2. **遍历和操作**:jQuery提供了`.each()`函数来遍历集合,`.append()`、`.prepend()`用于元素插入,`.html()`、`.text()`用于修改元素内容,`.hide()`、`.show()`控制元素的显示隐藏,`.remove()`则用于删除元素,...

    jquery 第13章 函数

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及动画制作。...通过观看"artech-javascript-jquery-13.flv"视频教程,你将更深入地了解jQuery函数的使用和原理。

    jquery函数大全

    《jQuery函数大全详解》 jQuery库是JavaScript中最广泛使用的库之一,它简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是一份详尽的jQuery函数大全,涵盖了基础函数实现及其用法。 1. **Attribute操作**: ...

    jqueryAPI函数chm文档

    本篇将基于提供的"jqueryAPI函数chm文档",深入探讨jQuery的核心API函数,帮助开发者更好地理解和运用这个强大的工具。 一、选择器(Selectors) jQuery的选择器功能强大,兼容CSS1至CSS3,同时还有自己的扩展选择...

    演示如何实现jquery的回调函数

    本文将详细介绍如何通过jQuery和Ajax技术访问`server.asp`,并在客户端使用回调函数实现对HTML元素的动态控制。 #### jQuery与Ajax简介 jQuery是一款快速、小巧且功能丰富的JavaScript库,它极大地简化了HTML文档...

    jQuery基础函数

    本文将深入探讨jQuery的基础函数,帮助初学者更好地理解和掌握这一工具。 1. **选择器(Selectors)** jQuery的核心在于其高效的选择器,它允许我们通过CSS样式选择HTML元素。例如,`$("#myID")`选择ID为`myID`的...

    《JQuery 能干点啥~》第四讲 html() 与 text()的赋值比较

    除了基本的赋值功能,`html()`和`text()`还可以接收一个函数作为参数,这个函数将被用于计算每个匹配元素的值。例如: ```javascript $("p").html(function(index, currentHtml) { return "Paragraph " + (index +...

    jquery text slider(文字滚动)

    下面将详细介绍jQuery Text Slider的工作原理和实现方法。 **一、jQuery基础知识** jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。jQuery的核心特性是选择器,...

    jQuery中实现text()的方法

    同时,由于其简洁的API和强大的功能,`text()`方法是jQuery库中不可或缺的一部分。 总的来说,理解jQuery的`text()`方法不仅有助于我们更好地使用这个工具,还能帮助我们编写更高效、更兼容的JavaScript代码。通过...

    倒计时 jquery countdown

    首先,要使用jQuery Countdown,你需要在页面中引入jQuery库和jQuery Countdown的JS文件。通常,这可以通过在HTML文件的`&lt;head&gt;`部分添加以下代码来完成: ```html &lt;script src="https://code.jquery....

    jquery 美化select 自定义函数

    本文将详细介绍如何在jQuery基础上美化`select`,并实现自定义函数,同时确保原有的功能如取值、增删改等操作不受影响。 首先,我们需要引入jQuery库。如果您的项目中还未包含jQuery,可以通过以下HTML代码将其引入...

    jquery API 和 jquery ui API

    jQuery API 提供了一系列高效且易用的函数,使得开发者能够更轻松地实现网页动态化和增强用户体验。 1. **选择器(Selectors)**:jQuery 提供了丰富的CSS选择器,如 `$("#id")` 用于选取ID为指定值的元素,`$("....

    《JQuery 能干点啥~》第三讲 html() 与 text()的取值比较

    总结一下,`html()`和`text()`是jQuery中处理元素内容的两个关键函数,它们分别针对HTML结构和纯文本内容。了解它们的功能和差异,可以帮助我们编写更高效、更安全的jQuery代码。对于开发者来说,掌握这些基础是非常...

    jQuery字体自适应插件textfit

    **jQuery字体自适应插件textfit** 在网页设计中,尤其是在响应式布局中,文本的自适应性是一项关键任务。`jQuery.textfit`是一个非常实用的插件,它允许元素内的文本自动调整大小以适应其容器,从而确保内容在各种...

    jsp智能提示完整版,jquery+ajax+text实现

    文件列表"jquery+ajax+text"表明项目包含这三个核心组件的代码文件,可能包括jQuery库、Ajax请求处理函数和文本输入框的JavaScript代码等。为了实现这个功能,开发者需要理解JSP的页面生命周期,jQuery的选择器和...

    jQuery对象和函数列表[定义].pdf

    这个PDF文档,"jQuery对象和函数列表[定义].pdf",主要涵盖了jQuery选择器和事件方法,对于软件开发人员来说是十分重要的参考资料。 首先,jQuery选择器是用于在HTML文档中选取元素的关键部分。例如,`$("*")`会...

    【Jquery经典特效15】jQuery实现汉字转换成拼音代码

    3. 使用jQuery获取和处理汉字:在JavaScript部分,使用jQuery选择器选取元素,并调用汉字转拼音库提供的函数将汉字转换为拼音。例如,如果pinyin.js有一个名为`toPinyin`的函数,你可以这样做: ```javascript $...

    jQuery常用函数总结

    通过以上对jQuery常用函数的介绍和示例,我们可以看到jQuery的强大之处在于它极大地简化了DOM操作,使前端开发变得更加高效和简单。无论是事件处理、动画效果还是DOM操作,jQuery都提供了一套完整且易于使用的API,...

    实例解析jQuery工具函数

    jQuery工具函数是jQuery库中的一系列实用函数,它们提供了一种方便的方式来处理和操作JavaScript中的数据和DOM元素。本文将通过实例解析这些工具函数,帮助开发者更好地理解和运用它们。 首先,我们来看$.browser...

    jquery设置和获取HTML,文本和值

    jQuery提供了丰富的事件处理函数,如`click()`, `change()`等,可以结合`html()`, `text()`, `val()`使用。例如: ```javascript $('#myButton').click(function() { $('#targetElement').html('内容已更新'); }...

Global site tag (gtag.js) - Google Analytics