JQuery應用例項學習 —— 15 刪除和增加DOM節點
阿新 • • 發佈:2018-12-09
remove:刪除
empty:清空
append:在後面加
prepend:在前面加
appendTo:追加
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="button" value="刪除" onclick="shan();"> <input type="button" value="清空" onclick="qing();"> <input type="button" value="增li" onclick="zeng();"> <ul> <li>導航1</li> <li>導航2</li> <li>導航3</li> <li>導航4</li> </ul> </body> <script src="jquery.js"></script> <script> function shan() { $('ul').remove(); } function qing() { $('ul').empty(); } function zeng() { // appendTo追加 $('<li>導航5</li>').appendTo($('ul')); // 往後面加 $('ul').append($('<li>再加</li>')); // 在前面加 $('ul').prepend($('<li>再加</li>')); $('ul').after($('<ol><li>張飛</li><li>趙雲</li></ol>')); } </script> </html>