首页前端开发HTMLHTML5创建节点代码实例

HTML5创建节点代码实例

时间2024-01-26 19:32:02发布访客分类HTML浏览947
导读:收集整理的这篇文章主要介绍了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核实处理,我们将尽快回复您,谢谢合作!

divHTMLjQuerypost-format-gallery

若转载请注明出处: HTML5创建节点代码实例
本文地址: https://pptw.com/jishu/587184.html
HTML5新增了哪些通用属性? HTML5图片的淡出,淡入,显示,隐藏,外加左右移动动画效果

游客 回复需填写必要信息