jQuery中的DOM操作

我不是女神ヾ 2024-04-06 11:37 153阅读 0赞

jQuery 的DOM操作

在JavaScript的基础之上,使用jQuery对节点做的DOM操作

一、 原生JS添加节点

创建节点,创建文本,绑定节点和文本,添加新的节点。

1dfe91b60384483fbd40507cfe46f6f7.png

二、jQuery添加节点 .append() 在标签内部的末尾添加节点

65319a68b9964a70b41d152dcaa5bd12.png

三、jQuery添加节点 .prepend() 在标签内部的头部添加节点

38aa920882a34b03a60aade9b4c8a60f.png

四、添加节点 .after() 在标签外部的末尾添加节点

e957f314cdc14bb7b442f0c012970ae0.png

五、添加节点 .before() 在标签外部的头部添加节点

7517931f70314cba84eff5e223e1e012.png

六、删除节点 .remove() 删除该节点及其节点下的所有子节点

36103030ec164e868952a1b0e542d931.png

七、复制节点 .clone()

a87bd28cc80f4482af96c2c0f89d5834.png

八、替换节点 .replaceWith()

e170902f64974ad08a6cc909d8e23599.png

九、

遍历节点 .each( function(index){} )

index: 表示遍历元素的下标 $(this):表示当前元素

676412d9db594ccd97cf38d2074b0fe3.png

发表评论

表情:
评论列表 (有 0 条评论,153人围观)

还没有评论,来说两句吧...

相关阅读

    相关 JQueryDom操作

    [JQuery的Dom操作][JQuery_Dom]    小编最近参与了一个网站项目的开发,所以遇到了大量的js操作。让小编大为挠头。JQuery这东西,我貌似曾经熟练过一

    相关 jquery 操作DOM

    操作属性 -------------------- 通过attr可以获取标签的属性值, 还可以设置属性值, 和css()类似. 测试代码如下 <div c