jQuery之DOM操作

    在有了快速精准的选择符的基础上，可以对ＤＯＭ节点做些操作了。

    1、访问节点。$()方法可以直接访问、attr() (当没有参数时是一个对象)、text()获得文本节点的值。

    2、创建节点。$(),在内部直接写入即可。

    3、插入节点。创建的节点是文档碎片，需要插入。append()\appendTo是在元素内部靠后插入，prepend()\prependTo是在元素内部靠前插入，inserBefore()\before是在          元素的外面、前面插入，insertAfer\after是在外面后面插入元素的。

    4、移动节点。以上方法可以移动节点。

    5、删除节点。remove()\detach()\empty(); detach()会保留事件，再次插入时不必重新绑定。

    6、复制节点。clone(),参数true来表示是否要复制事件。

    7、替代节点。replaceWih()\replaceAll().事件也会相应的移除掉了。

    8、属性操作。attr()来，可能会覆盖掉原来的值，removeAttribute()删除属性。

    9、样式。我们通常使用外部样式，这时类名常常是挂钩。removeClass()\addClass()\toggleClass()。即使没有这个类也不会报错，toggleClass()用于增加与删除的翻转。

    10、文本、html、表单值。text()\html()\val()。html()相当于innerHtml属性。val()可读写表单控件的值，可用于值的选中。当然选中多个时要用数组的形式。

    11、CSS.CSS-DOM主要是使用style对象，但是只能获得内建的style属性，使用jQuery方法可以获得计算的值。css().

          特别有offset()相当于当前窗口的偏移信息的对象，position()的到相对于最近的含position职位relative或absolute的父元素的偏移。scrollTop()\scrollLeft()得到滚动条的偏移，可以设置值。

    12、遍历。children()\parent()\parents()\closet()\next()\nextAll()\prev()\prevAll()\siblings()\find()\filter().children()的相应元素的子元素的jQuery包装对象。parent()的满足要求的第一个，parents()是满足要求的所有，closet()从自身开始向上查找，类似parent()。find()是寻找元素的子元素。 

    13、包裹元素。wrap()\wrapAll()\wrapInner()。