插入html befor</body>標記jquery

我想在<body>的末尾插入段落元素，就在</body>之前。我試過insertBefore()如下，但它不能按預期工作。插入html befor</body>標記jquery

$("<p>Test</p>").insertBefore("</body>");

來源

2015-07-21 Anoops

請接受答案，如果你的問題解決了，如果不是添加評論或更新問題 – Tushar

這意味着你要append內容到<body>。 append()會將內容添加到選擇器元素的末尾。

將由參數指定的內容插入匹配元素集中每個元素的末尾。

$(document.body).append("<p>Test</p>");

p { 
 
    color: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 

 
<body> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
    <div>4</div> 
 
</body>

來源

2015-07-21 13:29:17 Tushar

Downvoter，你介意解釋爲什麼？有什麼可以改進？ – Tushar

您可以使用

$("body").append("Test")

或

$("Test").appendTo("body")

他們都做同樣的事情，但第二個是，如果也想保存創建的元素更爲有用：

var $test = $("<p>Test</p>").appendTo("body"); 
// Do something else here 
$test.css("background", "red");

更多信息請參見here。

來源

2015-07-21 13:46:15 Rycochet

只需使用：

.append();

從jQuery API爲.append（）：

「描述：插入內容，由參數指定的，對每個元件的在所述一組相匹配的端部元素「。（http://api.jquery.com/append/）

所以

$('body').append("<p>Test</p>");

將插入HTML到主體的端部，其是在結束標記< /體之前>。

來源

2015-07-21 13:46:21

插入html befor</body>標記jquery

回答

相關問題