jQuery 是一款流行的 JavaScript 庫,其強大的選擇器功能可以幫助我們很方便地操作 DOM 元素。當我們需要向某個元素集合中添加新的元素時,jQuery 提供了多種方法,下面將介紹其中的兩種。
方法一:使用 .append() 方法將元素添加到最后一個子元素。
<div id="target"> <p>第一個段落</p> <p>第二個段落</p> </div> <script> $(document).ready(function() { $("#target").append("<p>新段落</p>"); }); </script>
該方法將在 id 為 "target" 的 div 中添加一個新的 p 元素,其內容為 "新段落",被添加到最后一個子元素的位置。
方法二:使用 .prepend() 方法將元素添加到第一個子元素。
<div id="target"> <p>第一個段落</p> <p>第二個段落</p> </div> <script> $(document).ready(function() { $("#target").prepend("<p>新段落</p>"); }); </script>
該方法將在 id 為 "target" 的 div 中添加一個新的 p 元素,其內容為 "新段落",被添加到第一個子元素的位置。
以上就是向 jQuery 元素集合中添加元素的兩種方法,開發者可以根據需求選擇合適的方法來操作 DOM 元素。