jQuery DOM操作

管理选择器得到的结果

size():获取选择器中元素的个数，相当于length属性index(element):查找元素对象（通过选择器得到的jQuery对象）在集合中的位置add():给集合添加元素not():去除集合中的某个元素 filter():筛选集合中的某个元素find():通过查询（父元素中的子元素）获取新的元素集合each():遍历选择器中的元素

jQuery支持链式操作。

end():回到操作对象的上一个对象。andSelf():将上一级的对象以及自己组合后共同返回。

jQuery对元素节点的操作

• 查询节点

• 创建节点

    创建一个空的元素节点：    var  $node1 = $(“<p></p>”);    创建一个带文本的元素节点：    var  $node2 = $(“<p>hello</p>”);    创建一个带属性的元素节点：    var  $node3 = $(“<p title=‘haha’>world</p>”);

• 插入节点

    append():向每个匹配的元素内部插入节点,作为最后一个子元素。相当于JavaScript中的appendChild().    appendTo():将一个节点添加到匹配的元素中，作为其最后一个子元素。匹配的元素作为参数传入。    prepend():向匹配的元素内部插入子节点，作为第一个子元素。    prependTo():含义同上。    after()：在每个匹配的元素之后插入兄弟节点。    insertAfter()：含义同上    before():在每个匹配的元素之前插入兄弟节点。    insertBefore():含义同上

• 删除节点

    remove()方法：彻底删除。找到节点，删除指定的那个节点。返回的是删除的节点，会把节点也删掉，返回的节点不会保留节点的事件、附加数据。    detach()方法：和remove方法用法一样，会删掉当前节点。但是detach删除返回的节点是会保留之前的事件、附加数据。    empty()方法：清空当前节点下的所有节点。不会删掉当前的节点，会删掉节点内部的所有东西。

• 复制节点

clone(boolean b)方法：找到节点调用clone方法，不带true不会复制节点的点击事件，带true会复制节点的点击事件。

• 替换节点

    replaceWith():    $(“ul  li:eq(1)”).replaceWith(“<li>haha<li>”);将第二个无序列表用haha替换    replaceAll():    $(“<li>haha<li>”).replaceAll(“ul  li:eq(1)”);将第二个无序列表用haha替换    两个方法含义一样，只是语法差异。

节点属性操作

设置属性：attr()设置单个属性，属性名跟属性值用逗号隔开设置多个属性，属性名和属性值用冒号隔开，多个属性之间用逗号隔开，整体用大括号括起来获取属性:attr()删除属性:removeAttr()

节点样式操作

通过attr()方法添加类选择器追加类选择器:addClass()删除类选择器：removeClass()切换类选择器：toggleClass();$(“div”).toggleClass(“.class”);如果添加了类选择器则删除，如果没有添加类选择器则添加。

设置获取HTML、文本和值