jQuery 是一種廣泛使用的 JavaScript 庫,可用于操作 HTML 文檔中的元素和屬性。這篇文章將介紹如何使用 jQuery 來設置 div 元素的值。
$(document).ready(function(){ $("button").click(function(){ var text = "這是一段新的文本。"; $("div").text(text); //設置 div 元素的文本內容 }); });
上面的代碼將在頁面加載完成后綁定一個點擊事件,在用戶點擊按鈕時,會將 div 元素的文本內容設置為 "這是一段新的文本。"。
您也可以使用另一個 jQuery 方法 .html() 來設置 div 元素的 HTML 內容。例如:
$(document).ready(function(){ $("button").click(function(){ var html = "<h2>這是一個新的標題</h2><p>這是新的段落。</p>"; $("div").html(html); //設置 div 元素的 HTML 內容 }); });
上面的代碼將在用戶點擊按鈕時,將 div 元素的 HTML 內容設置為包含一個新的標題和段落的 HTML。
除了使用 .text() 和 .html() 方法,您還可以使用 .val() 方法來設置表單元素的值。例如:
$(document).ready(function(){ $("button").click(function(){ var value = "新的值"; $("input:text").val(value); //設置文本輸入框的值 }); });
上面的代碼將在用戶點擊按鈕時,將文本輸入框的值設置為 "新的值"。