jQuery 包含很多供改變和操作 HTML 的強大函數。
jQuery HTML 操作
改變 HTML 內容
語法
$(selector).html(content)
html() 函數改變所匹配的 HTML 元素的內容(innerHTML)。
實例
$("p").html("W3School");
添加 HTML 內容
語法
$(selector).append(content)
append() 函數向所匹配的 HTML 元素內部追加內容。
語法
$(selector).prepend(content)
prepend() 函數向所匹配的 HTML 元素內部預置(Prepend)內容。
實例
$("p").append(" W3School");
語法
$(selector).after(content)
after() 函數在所有匹配的元素之后插入 HTML 內容。
語法
$(selector).before(content)
before() 函數在所有匹配的元素之前插入 HTML 內容。
實例
$("p").after(" W3School.");
jQuery HTML 操作 - 來自本頁
函數 | 描述 |
---|---|
$(selector).html(content) | 改變被選元素的(內部)HTML |
$(selector).append(content) | 向被選元素的(內部)HTML 追加內容 |
$(selector).prepend(content) | 向被選元素的(內部)HTML “預置”(Prepend)內容 |
$(selector).after(content) | 在被選元素之后添加 HTML |
$(selector).before(content) | 在被選元素之前添加 HTML |
如需完整的參考手冊,請訪問我們的 jQuery HTML 操作參考手冊。