jQueryDOM节点操作

jQueryDOM节点操作

开发工具与关键技术：Adobe Dreamweaver JavaScript
撰写时间：2020年05月05日

jQueryDOM节点操作

DOM节点操作

创建节点 $(‘html代码’)
插入节点追加至结尾（父子） append() / appendTo()
添加至开头（父子） prepend() / prependTo()
追加至后面（兄弟） after() / insertAfter()
添加至前面（兄弟） before() / insertBefore()
删除节点（删除节点返回值为被删除的节点，可通过删除→获取→插入进行节点移动）
删除结构，内容，清空绑定事件，清空追加数据 remove() //连带自身删除
删除结构，内容，保留绑定事件，保留追加数据 detach()
保留结构，其他清空 empty() //删除子元素
复制节点（clone）
包裹节点每个节点单独包裹 wrap(“html代码”)
整体进行包裹 wrapAll(“html代码”)
内部加一层包裹 wrapInner(“html代码”)
属性操作
设置属性值 attr(“属性名”，“值”) / attr( { “属性1”：“值1”,“属性2”：“值2” } )
获取属性值 attr(“属