效果图：
代码如下：
ht ML > <html lang="en"> <head> < ;m eta charset="UTF-8"> <t IT le>创建节点title> <script src=" jq uery.1.12.4.js">script> <script> $(function () { $("button").click(function () { $("ul").ap PE nd(" 上海 ")//在元素的内部，最后面添加html $("ul"). PR epend(" 澳门 ")//在元素的内部，最前面添加html // $("ul").before(" 深圳 ")//在元素的同级，前面添加html $("ul").after(" 香港 ") //在元素的同级，后面添加html // $("li:eq(1)").remove(); //删除html }) }) script> head> <body> <button>点击我button> < br ><br> <ul> <li>北京li> <li>天津li> ul> body> html> 效果图：
代码如下：
html> <html lang="en"> <head> <meta charset="UTF-8"> <title>创建节点title> <script src="jquery.1.12.4.js">script> <script> $(function () { $("button").click(function () { $("ul").append(" 上海 ")//在元素的内部，最后面添加html $("ul").prepend(" 澳门 ")//在元素的内部，最前面添加html // $("ul").before(" 深圳 ")//在元素的同级，前面添加html $("ul").after(" 香港 ") //在元素的同级，后面添加html // $("li:eq(1)").remove(); //删除html }) }) script> head> <body> <button>点击我button> <br><br> <ul> <li>北京li> <li>天津li> ul> body> html> 觉得 可用，就经常来吧！ 欢迎评论哦！&nbs p; html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！
总结
以上是 为你收集整理的 html5教程-HTML5创建节点代码实例 全部内容，希望文章能够帮你解决 html5教程-HTML5创建节点代码实例 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5教程-HTML5创建节点代码实例的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did219340