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/