HTML5创建节点代码实例
导读:收集整理的这篇文章主要介绍了html5教程-HTML5创建节点代码实例,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 效果图: 代码如下: h...
收集整理的这篇文章主要介绍了html5教程-HTML5创建节点代码实例,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 效果图:
代码如下:
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>
效果图:
代码如下:
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>
觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5创建节点代码实例
本文地址: https://pptw.com/jishu/587184.html