您的位置:首页 > Web前端 > JQuery

实践总结(内置福利)jQuery dom 操作

2016-04-19 20:20 281 查看
删除内容

dom内置方法 nodeobject.removechild(node)删除指定节点的指点子节点,返回被删除节点。

jquery 方法

移出 : remove()移除元素,同时返回移除元素内部一切,绑定的事件以及与该元素相关的jQuery数据。

清空 empty()没有参数,让我试试返回什么(obeject obeject) 死儿子不死自己,

分离 detach()和移出不同,他分离的元素可以被保存,下次还可以插入进去。

克隆内容

dom nodeobject.cloneNode(includeall)包含一个参数取值true\false用来返回是否包含原节点的所有属性和儿子

jQuery clone(a,b)a true/false用来设置是否复制元素事件等其他数据,第二个参数用来设置是否复制儿子及他的事件,但是我试了一试貌似不管设不设置都是一样的。

替换内容

dom nodeobejct.replaceChild(newnode,oldnode)替换成功返回被替换的node,else null

jQuery replacewith()可以是对象 也可以是直接的html,

replaceAll()与上述操作相反,$('a').replaceWlth($b)等价于$('b').replaceAll('a')

包裹内容

dom 木有

jQuery

外包 wrap()参数 html,选择表达式,等就是匹配元素外套一层。

内包 wrapinner()参数同上 ,匹配元素内套一层,所有该元素的儿子全部被套进去。

总包 wrapall()参数同上,会在匹配元素的总和外面套一层,比如选定对象p,那么就会在最外面的p套一层这样的东西。(自己测试时发现一个很莫名其妙的问题当我给p套一层<li>时,居然把里面那个溢出来了。)









卸包 unwrap() 该方法没有参数,测试结果只删除一个老豆。



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: