jquery的append函數


jquery的append函數是在取出的元素(或標簽)內部的尾部添加一個元素。

例子如下:

有下面一段html代碼:

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

然后通過一行代碼可以得到下面的代碼:

$('.inner').append('<p>Test</p>');//在class="inner“內部添加p

//下面是得到的結果:

<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    Hello
    <p>Test</p>
  </div>
  <div class="inner">
    Goodbye
    <p>Test</p>
  </div>
</div>

還可以把一個元素添加到另一個元素下面:

$('.container').append($('h2')); //把h2添加到class="container”

//下面是結果:
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
  <h2>Greetings</h2>
</div>

本例來源:http://api.jquery.com/append/

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM