jQuery是目前非常流行的JavaScript庫,它在開發Web應用時大大簡化了DOM操作。其中一個非常實用的方法就是append(),它能夠在指定的元素之后添加新的元素。
// 在id為container的元素內添加p元素 $('#container').append('New element!
'); // 在id為container內的第一個子元素前添加p元素 $('#container').children().first().before('New element!
'); // 在id為container內的最后一個子元素后添加p元素 $('#container').children().last().after('New element!
');
可以看出,append()的語法非常簡單,只需要傳入要添加的元素即可。同時,我們也可以通過before()和after()方法來指定添加元素的位置。
除此之外,我們還可以將已有的DOM元素添加到目標元素中:
// 在id為container的元素內添加id為myElement的DOM元素 $('#container').append($('#myElement'));
總體來說,append()方法是一個非常實用和便捷的元素操作方法,在jQuery的開發中非常常見,可以幫助我們輕松地完成頁面元素的添加和布局。