实践总结(内置福利)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() 该方法没有参数,测试结果只删除一个老豆。
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() 该方法没有参数,测试结果只删除一个老豆。
相关文章推荐
- jquery-qrcode js生成二维码,完美解决 json
- hjr-JAVA:Jquery的ajax在jsp上的实现
- javascript中采用jQuery ajax动态加载js文件的解决方法
- jQuery Validation用法示例
- [Infopath]使用jquery给infopath表单的的field赋值。 how to set value to Infopath field by Jquery
- jQuery-JSONP 插件跨域调用功能(Uncaught SyntaxError: Unexpected token : 出错原因解释)
- 高效Web开发的10个jQuery代码片段(转)
- jquery ajax提交表单
- (转)【深入浅出jQuery】源码浅析2--奇技淫巧
- JQuery 动态添加onclick事件
- jquery每日一学
- 扩展jQuery实现日期联动
- Jquery实现的简单轮播效果【附实例】
- jQuery实现选项联动轮播效果【附实例】
- chosen.jquery 插件 动态设置下拉选项被选中selected
- JQuery 对 Select option 的操作
- jquery操作select取值,设置选中(转载)
- jQuery.merge 源码阅读
- jQuery事件处理
- jquery笔记-遍历checkbox的对应行文本内容-ajax传递checkbox