如何用jquery实现点击改变文本

本文小编为大家详细介绍“如何用jquery实现点击改变文本”，内容详细，步骤清晰，细节处理妥当，希望这篇“如何用jquery实现点击改变文本”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

在江源等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站制作、成都网站设计、外贸营销网站建设 网站设计制作定制网站,公司网站建设,企业网站建设,高端网站设计,全网营销推广,外贸营销网站建设,江源网站建设费用合理。

实现方法：1、用“$("button").click(function(){})”语句，给按钮元素绑定点击事件，并设置事件处理函数；2、在处理函数中，设置“元素对象.text("新文本")”或“对象.html("新文本")”语句来修改文本。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

用jquery实现点击改变文本

1、设置点击事件

利用click()给按钮元素绑定点击事件，并设置事件处理函数

	
		
		
		
	
	

		修改所有p元素的文本内容
		
这是一个段落。
		
这是另一个段落。

	

2、在事件处理函数中，使用text()或html()修改指定元素的文本内容

• text() 方法设置或返回被选元素的文本内容。

• html() 方法设置或返回被选元素的内容（innerHTML）。

$(document).ready(function() {
	$("button").click(function() {
		$("p").text("Hello world!");
	});
});

$(document).ready(function() {
	$("button").click(function() {
		$("p").html("Hello!");
	});
});

说明：

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

html()可设置包含标签的内容，而 text() 只能设置文本内容（不包含标签）。

$(document).ready(function() {
	$("button").click(function() {
		$("p").html("Hello world!");
	});
});

读到这里，这篇“如何用jquery实现点击改变文本”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。