zoukankan html css js c++ java

<jQuery>. 十二. 节点操作(添加节点, 删除节点, 克隆节点, 清空节点)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            width: 300px;
            height: 300px;
            background-color: pink;
        }
    </style>
</head>
<body>
<div>
    <p>1111</p>
    <p>2222</p>
    <!--<a href="http://web.itcast.cn" target="_blank">itcast</a>-->
</div>
<span>我是外面的span</span>
<script src="jquery-3.2.1.js"></script>
<script>
    $(function () {
        // 动态创建节点
        var $a = $("<a href='http://www.baidu.com' target='_blank'>RayLee</a>");
        $("div").append($a);

        // 清空节点, 清理门户
        $("div").empty();

        // 删除节点
        // $("div").remove();

        // 添加事件
        $("span").click(function () {
            alert("span");
        })

        // 克隆节点 true 带事件的复制, false 默认的复制, 不带事件的复制
        $("span").clone(true).appendTo("div");
    });
</script>
</body>
</html>

查看全文

相关阅读:
《Spring_Four》第二次作业基于Jsoup的大学生考试信息展示系统开题报告
 《Spring_Four》第一次作业：团队亮相
 4.11jsp
4.7jsp
3.17jsp
3.24jsp
3.10jsp
3.4软件测试
 回文串
 博客园第二次作业

原文地址：https://www.cnblogs.com/ZeroHour/p/8269727.html