JQuery是一款使用廣泛的JavaScript庫，它能夠簡(jiǎn)化JavaScript中常見的任務(wù)如DOM操作和事件處理。其中一個(gè)常見的任務(wù)就是點(diǎn)擊元素改變其值。下面我們來看如何使用JQuery實(shí)現(xiàn)這個(gè)功能。

$(document).ready(function(){
$("button").click(function(){
$("p").text("文本已被修改！");
});
});

以上代碼將會(huì)在文檔被完全加載后執(zhí)行功能。在點(diǎn)擊 button 元素時(shí)，指定的 p 元素會(huì)被選擇并且其文本會(huì)被修改為“文本已被修改！”。

這個(gè)例子使用了JQuery的兩個(gè)方法：.ready() 和 .click()。

• .ready(): 當(dāng)文檔被完全加載后執(zhí)行
• .click(): 當(dāng)元素被點(diǎn)擊時(shí)執(zhí)行

此外，.text() 方法用于修改選擇元素的文本值。

<p>原始文本。</p>
<button>點(diǎn)擊修改文本</button>

在上面的例子中，p元素的文本為“原始文本”。當(dāng)點(diǎn)擊“點(diǎn)擊修改文本”按鈕時(shí)，使用我們的JQuery代碼，p元素的文本值就會(huì)被修改。在這個(gè)例子中，新的文本值為“文本已被修改！”。