已经过测试

JetBrains WebStorm 2018.1.7 x64（这个版本的即可）

因为p并不是li的标签内,属于单独的p元素,当新加入的时候$('li')是能够获取到新添加的P元素的,当写开后就获取不到了

看错，没事了

是的，效果完全一样

注意看这一点：

 //2个div合并成包含关系

rightdiv.appendChild(rightaaron)

创建的第二个div节点添加成了第一个div节点的子元素，合并成了一个。

也就是：

<div class='right'>

    <div class='aaron'>

        动态创建DIV元素节点

    </div>

</div>

兼容性本来就是让前端很头疼的一件事，平时写代码做调试就建议用谷歌或者火狐吧

知道这个方法咋用就行啦，不必过分纠结

我的理解(以克隆"aaron1"为例）：若将"this"改为"aaron1"，$(".arron1").clone()表示克隆所有类名为"aaron1"的元素，第一次点击"aaron1"时克隆出一个，此时共有2个"aaron1"的元素，再次克隆则会对这两个"aaron1"都克隆一次，所以当你第二点击克隆时就是克隆出2个"aaron1"，以此类推。而"this"指代当前对象，即只克隆当前这一个拥有克隆点击事件的对象。

不对，detach方法才会在内存中保留，remove方法会将内存的也销毁

arron1,和arron2身上都有clone事件，但arron1的是clone()，只克隆了元素及文本，没有克隆数据及事件，所以点击arron1的克隆体不会触发克隆事件。arron(2)的克隆是clone(true)，克隆了数据及事件，他的克隆体也有克隆事件，所以点击arron2的克隆体依旧可以克隆

改成这样

$("li").each(function(index){

    $(this).click(function(){

    var $q=$(this).text();

alert($q)

})

})

或者这样

 $('li').click(function(){

    var $q=$(this).text();

alert($q)

})

find也可以，实现方式有很多种

总结的漂亮！

没错呀

this代表触发当前事件的元素。如果事件触发的函数传入参数的话，第一个参数会默认为当前触发的事件对象，target是事件对象里的一个属性，代表的是：触发当前事件的元素。

你可以在一个事件触发后执行的函数传入一个参数，然后把这个形参打印到控制台，你就会看到他是一个事件对象(Event Object)。他会有一个属性target。你可以把this和 形参(parameter).target同时console.log打印到控制台看看。有一点就是jquery触发的事件返回的是一个jquery的事件对象(jquery event)。原生js返回的是原生的，比如鼠标事件对象(Mouse Event);

获取class = div 的标签，不是应该写成 $(".div)吗？？？

可以 

$jieshou.append("<img src='icon/1.png'>" , "<p>"+":"+$content+"</p>");

$jieshou.append("<img src='icon/1.png'><p>"+":"+$content+"</p>");
直接连着写就行  亲测可以

解决，没事了?

因为wrap的标签还有自己的border和padding、margin这些

在你执行删除方法后你把class="right"的标签删掉了，然而你的所有新增样式都需要写在 .right标签下才会生效，方法确实生效了，只不过不在 .right 下  （如果错误欢迎指正）

好像有点道理?

你真棒

each只是封装了。

jQuery是一个合集对象，通过$()方法找到指定的元素合集后可以进行一系列的操作。比如我们操作$("li").css('') 给所有的li设置style值，因为jQuery是一个合集对象，所以css方法内部就必须封装一个遍历的方法，被称为隐式迭代的过程。要一个一个给合集中每一个li设置颜色，这里方法就是each。

写js的时候，可能会有很多的代码重复，就需要将重复的代码封装到函数中，这样下次在哪里需要，就调用就行了。

DOM全称 Document Object Model，即文档对象模型，它允许脚本(js)控制Web页面、窗口和文档。对象你知道吧，一个人就是一个对象。那么动物呢，一条狗也是对象，作为高大尚的人怎么可以和动物扯在一块，这个时候，是不是就要分类啦比如人类呀，动物啦，植物啦，等等… 所以就有了w3c里面介绍的那样咯，DOM 标准被分为 3 个不同的部分：

核心 DOM - 针对任何结构化文档的标准模型

XML DOM - 针对 XML 文档的标准模型

HTML DOM - 针对 HTML 文档的标准模

都挺好，只要你用心学

$('p').unwrap(); //如果div是p的父结点的话

$('p div').remove(); // 如果是div是p的子节点的话