<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>无刷新评论</title> <script src="js/jquery-1.11.3.js"></script> <script> $(function() { $("#btn_Add").click(function() { var str = $("#txt").val(); //获取文本框的文本 $("ul").append("<li>" + str + "</li>"); //为ul列表添加新的节点 }); }) </script> </head> <body> <ul> <li>荧祸守心问奈何</li> <li>怀璧明罪问奈何</li> </ul> <input type="text" id="txt" /> <button id="btn_Add">添加</button> </body> </html>