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
