JQuery是一款使用廣泛的JavaScript庫,它能夠簡化JavaScript中常見的任務如DOM操作和事件處理。其中一個常見的任務就是點擊元素改變其值。下面我們來看如何使用JQuery實現這個功能。
$(document).ready(function(){ $("button").click(function(){ $("p").text("文本已被修改!"); }); });
以上代碼將會在文檔被完全加載后執行功能。在點擊 button 元素時,指定的 p 元素會被選擇并且其文本會被修改為“文本已被修改!”。
這個例子使用了JQuery的兩個方法:.ready() 和 .click()。
- .ready(): 當文檔被完全加載后執行
- .click(): 當元素被點擊時執行
此外,.text() 方法用于修改選擇元素的文本值。
<p>原始文本。</p>
<button>點擊修改文本</button>
在上面的例子中,p元素的文本為“原始文本”。當點擊“點擊修改文本”按鈕時,使用我們的JQuery代碼,p元素的文本值就會被修改。在這個例子中,新的文本值為“文本已被修改!”。