JQuery节点创建

-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：vs· jQuery基础
作者： xqll
撰写时间：2019/4/14
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
JQuery节点创建
我们先给节点设置一些它的属性
比如给它设置一点宽、高、颜色之类的

.left div,
            .right div {
                width: 200px;
                height: 200px;
                padding: 5px;
                margin: 5px;
                float: left;
                border: 1px solid #ccc;
            }
.left div {
                background: #ff0000;
            }

            .right div {
                background: #ffd800;
            }

        .aaron {
            color: #808080;
        }

然后就是
引入jquery框架后在里面写代码
var $body = $(“body”);
$("#leftDiv").on(‘click’, function () {
通过jQuery生成div元素节点
var div = $(“

动态创建DIV元素节点

”);
将div添加到body内
$body.append(div);
});
这样效果就得到了
得到的样子是这样的

每点击一次红方块就会出现多一个黄色方块