jquery如何改变span的值

本篇内容主要讲解“jquery如何改变span的值”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery如何改变span的值”吧!

专注于为中小企业提供网站设计、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业沙湾免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了超过千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

改变步骤：1、利用jquery选择器获取指定span元素，语法“$("选择器")”；2、利用text()或html()函数来修改指定元素对象的内容值，语法“元素对象.text("新内容")”或“元素对象.html("新内容")”。

在jquery中，可以利用jquery选择器和text()（或html()）函数来改变span的内容值。

实现思想：

• 获取指定span元素对象。

• 修改指定元素对象的内容值。

实现步骤：

步骤1、利用jquery选择器获取指定span元素

$("选择器")

• 会返回包含指定span元素的jquery对象

步骤2、利用text()或html()函数来修改指定元素对象的内容值

• text()可以设置元素的文本内容，只需将文本内容设置为新值即可改变。

• html()可以设置或返回的内容，是包含文本和HTML标签的内容。

span元素对象.text("新内容")
span元素对象.html("新内容")

示例：

	
		
		
		
	
	
		改变span元素的内容


		span元素旧内容。


		span元素旧内容。


		span元素旧内容。


	

扩展知识：html() 与 text() 比较

html() 获取的是元素内部所有的内容，而 text() 获取的仅仅是文本内容。

	
		
		
		
	
	
		
创新互联
		html()是：
		text()是：
	

对于 html() 和 text() 这两个方法的区别，从下表就可以很清晰地比较出来。

HTML代码	html()	text()
创新互联	创新互联	创新互联
创新互联	创新互联	创新互联
		（空字符串）

到此，相信大家对“jquery如何改变span的值”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

网站名称：jquery如何改变span的值
文章位置：http://bzwzjz.com/article/jhopod.html