本文小編為大家詳細介紹“如何用jquery實現(xiàn)點擊改變文本”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“如何用jquery實現(xiàn)點擊改變文本”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

在江源等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設計、外貿(mào)營銷網(wǎng)站建設 網(wǎng)站設計制作定制網(wǎng)站,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,高端網(wǎng)站設計,全網(wǎng)營銷推廣,外貿(mào)營銷網(wǎng)站建設,江源網(wǎng)站建設費用合理。

實現(xiàn)方法：1、用“$("button").click(function(){})”語句，給按鈕元素綁定點擊事件，并設置事件處理函數(shù)；2、在處理函數(shù)中，設置“元素對象.text("新文本")”或“對象.html("新文本")”語句來修改文本。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

用jquery實現(xiàn)點擊改變文本

1、設置點擊事件

利用click()給按鈕元素綁定點擊事件，并設置事件處理函數(shù)

	
		
		
		
	
	

		修改所有p元素的文本內(nèi)容
		
這是一個段落。
		
這是另一個段落。

	

2、在事件處理函數(shù)中，使用text()或html()修改指定元素的文本內(nèi)容

• text() 方法設置或返回被選元素的文本內(nèi)容。

• html() 方法設置或返回被選元素的內(nèi)容（innerHTML）。

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

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

說明：

html() 獲取的是元素內(nèi)部所有的內(nèi)容，而 text() 獲取的僅僅是文本內(nèi)容

html()可設置包含標簽的內(nèi)容，而 text() 只能設置文本內(nèi)容（不包含標簽）。

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

讀到這里，這篇“如何用jquery實現(xiàn)點擊改變文本”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內(nèi)容的文章，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。