標籤：文法 內容 asc head div 插入 javascrip script font
jq文檔的說明是1、after函數定義和用法：after() 方法在被選元素後插入指定的內容。文法：$(selector).after(content)執行個體：<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$().ready(function(){ $("button").click(function(){ $("span").after("<a href="#">ddddd</a>") })})</script></head><body><span>aaaaaaaaaaaaaaa</span><button>after函數</button></body></html>結果如下：<span>aaaaaaaaaaaaaaa</span><a href="#">ddddd</a>span標籤後面多了一個a標籤 2、append函數定義和用法：append() 方法在被選元素的結尾（仍然在內部）插入指定內容。文法：$(selector).append(content)執行個體：<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$().ready(function(){ $("button").click(function(){ $("span").append("<a href="#">ddddd</a>") })})</script></head><body><span>aaaaaaaaaaaaaaa</span><button>after函數</button></body></html> 結果如下：<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>span標籤裡面多了一個a標籤 3、appendTo函數定義和用法：appendTo() 方法在被選元素的結尾（仍然在內部）插入指定內容。文法：$(content).appendTo(selector)執行個體：<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$().ready(function(){ $("button").click(function(){ // $("span").appendTo("<a href="#">ddddd</a>"),這樣的寫法是不正確的$("<a href="#">ddddd</a>").appendTo("span") })})</script></head><body><span>aaaaaaaaaaaaaaa</span><button>after函數</button></body></html> 結果如下：<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>span標籤裡面多了一個a標籤效果和append函數是一樣，只不過它們的寫法是反著來寫的而已備忘：before函數與after函數相反，表示是元素的前面加入指定元素
jquery after append appendTo三個函數的區別
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
