【jQuery】学习整理（三）DOM操作

最新推荐文章于 2024-06-12 14:52:34 发布

weixin_30244889

最新推荐文章于 2024-06-12 14:52:34 发布

阅读量38

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/toxot/archive/2011/11/27/2265279.html

本文详细介绍了DOM操作的各种方法，包括元素属性的设置与删除、节点的增删与替换、Class的操作等，并提供了各种实用的示例。

原文链接http://www.bujiaban.net/wordpress/?p=38

DOM操作
    元素属性
        .attr()
        .removeAttr()
        .removeProp()
        .val() form专用
    节点
        .add() 增加元素
        .append()
        .appendTo() 与append的不同主要是插入内容的所在
前后顺序不一样如 $(A).appendTo(B) A追加B
        .html() 插入html代码
        text
        .prepend() 插在元素的前面
        .prependTo() 与prepend的关系类似appendTo
        .empty() 移除元素子节点
        .remove() 移除元素
        .unwrap() 移除父元素
        .replaceWith() 以新元素内容(html,DOM,jquery object)替换
    Class操作
        .addClass()
        .hasClass()
        .romoveClass()
        .toggleClass() 两个class互换
    遍历
        .children() 子元素
        .parent() 父节点
        .parents() 祖先节点
        .next() 下一个兄弟节点
        .nextAll() 后面的所有兄弟节点
        .prev() 前面一个兄弟节点
        .prevAll() 前面所有兄弟节点
        .find() 在后代节点中查找匹配的元素
        .prop() 1.6建议都用这个通常property更新的时候attribute也会更新，但
对一些输入性的attribute，如value,checked,propery通常代表了当前值，
而attribute保留的是默认值