在 jQuery 中添加 HTML 是一個常見的操作,可以使用 .html() 或 .append() 方法來實現。其中, .html() 方法可以直接替換掉 body 元素中的所有子元素,而 .append() 方法則可以添加新的 HTML 元素,同時保留原有的子元素。
以下是一個使用 .html() 方法替換 body 中的所有子元素的示例:
$('body').html('Hello World!');
在這個示例中,我們首先選中了 body 元素,然后使用 .html() 方法將其替換為一個新的 div 元素,其中包含了文本內容 "Hello World!"。
如果我們想要在 body 元素中添加一個新的 div 元素,同時保留原有的子元素,可以使用 .append() 方法。例如:
$('body').append('My new div element');
在這個示例中,我們同樣選中了 body 元素,然后使用 .append() 方法添加了一個新的 div 元素,其中包含了文本內容 "My new div element"。
總的來說,添加 HTML 元素是一個非常方便的操作,可以通過 jQuery 的 .html() 和 .append() 方法實現。需要根據實際需求選擇方法,同時保證不會影響到原有的布局和樣式。
下一篇向左三角css