clone()只克隆节点，clone(true)既克隆节点又将其上所绑定的事件一并克隆。

符合就近插入

符合就近插入

$("li").each(function(index, element) {
     index 索引 0,1
     element是对应的li节点 li,li
     this 指向的是li
})

这样可以在循环体会做一些逻辑操作了，如果需要提前退出，可以以通过返回 false以便在回调函数内中止循

操作：选择所有的li元素，之后把p元素也加入到li的合集中

<ul>
    <li>list item 1</li>
    <li>list item 3</li>
</ul>
<p>新的p元素</p>

处理一：传递选择器

$('li').add('p')

处理二：传递dom元素

$('li').add(document.getElementsByTagName('p')[0])

还有一种方式，就是动态创建P标签加入到合集，然后插入到指定的位置，但是这样就改变元素的本身的排列了

 $('li').add('<p>新的p元素</p>').appendTo(目标位置)

1 .parents()和.parent()方法是相似的，但后者只是进行了一个单级的DOM树查找
2  $( "html" ).parent()方法返回一个包含document的集合，而$( "html" ).parents()返回一个空集合。

find()遍历所有子元素

参数是 选择器表达式

• 选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。

chlidren() 方法筛选第一级子元素

.children()方法选择性地接受同一类型选择器表达式

$("div").children(".selected")

//筛选  div标签下 被选中的第一级子元素

.wrapInner( wrappingElement )：给内部文本 增加包裹

eg： <div>p元素</div>

$('div').wrapInner('<p></p>')

<div>
    <p>p元素</p>
</div>

.wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容

$('div').wrapInner(function() {
    return '<p></p>'; 
})

$(".aaron2").on('click', function() {

        //wrapAll接受一个回调函数

        //每一次遍历this都指向了合集中每一个a元素

        $('a').wrapAll(function() {

            return '<div></div>'

        })

给所有p元素增加一个div包裹，添加后只有最外层一个div，不是每个p元素外层都有一个div

$('p').wrapAll('<div></div>')

.wrap() 给它增加一个父元素

$('p').wrap('<div></div>')

$('p').wrap(function() {
    return '<div></div>';   //与第一种类似，只是写法不一样
})

.clone()   //只克隆了结构，事件丢失
clone(true) //结构、事件与数据都克隆

• clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色

if (!$("p").length) return; //去重

第一次删除的时候p = $("p").detach()，jQuery会找到$("p")并执行删除方法detach()然后保存到p中，

第二次删除的时候p = $("p").detach()，jQuery会找不到$("p") 会返回一个underfind保存到p中   

总结：当删除第二次的时候就p被赋值为了underfind，所以点击添加的时候p的之就为underfind，添加不了

去重的意义在于，点击删除按钮的时候如果页面没有p标签就返回true，return执行结束，如果有p标签就为false继续往下执行

$("p").filter(":contains('3')").remove()

filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。这里就是先找出全部p标签后再找出文本中包含3的移除掉；

等同于 $("p").remove(":contains('3')")

• after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入

• before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插入