DOM树结构如下:
<div class="container">
<div class="inner first">Hello</div>
<div class="inner second">And</div>
<div class="inner third">Goodbye</div>
</div>
replaceAll(target) 删除与节点相关联的所有数据和事件处理程序
用来替换的元素从老地方移到新位置,而不是复制:
$('.first').replaceAll('.third');
DOM树变为:
<div class="container">
<div class="inner second">And</div>
<div class="inner first">Hello</div>
</div>
replaceWith(newContent) 从DOM中移除内容,然后在这个地方插入新的内容
$('div.second').replaceWith('<h2>New heading</h2>');
DOM树变为:
<div class="container">
<div class="inner first">Hello</div>
<h2>New heading</h2>
<div class="inner third">Goodbye</div>
</div>
replaceAll()和.replaceWith()功能类似,但是目标和源相反:$('.first').replaceAll('.third');等价于$('div.third').replaceWith($('.first'));
注意:jQuery1.9之前replaceWith()返回一个新的jQuery集合,
jQuery1.9开始replaceWith()返回原始未修改的集合
分享到:
相关推荐
jquery图片栅格替换效果栅格替换效果图片栅格
jQuery,滚动,jQuery 子级元素在父级元素内滚动
用JQuery写的拖动元素进行排序的方法,包含拖动排序、拖动移除、拖动添加。 代码完整可用。没有用到第三方插件,自主可控。 原理是用CSS中position定位来跟踪鼠标移动,就是让元素跟踪鼠标位置,然后判断其在页面...
采用jquery的插件实现的图片无刷新替换,可以用于新闻图片及首页图片缩略图生成不正确的替换,采用php后台。
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————...获得匹配元素紧邻的前一个同胞元素
jquery图片栅格替换效果
jquery 替换节点 节点jquery 替换节点 节点
jquery实现元素置顶,可以实现任意的元素置顶或者距离顶部多少像素
jQuery表单元素美化插件,jQuery表单元素美化插件,jQuery表单元素美化插件,jQuery表单元素美化插件,jQuery表单元素美化插件
利用jquery ui和append实现元素添加,拖动。自定义div大小!
jquery表单元素取值 很实用 强大
实用的jquery添加删除元素,代码很简单,在这里记录下
常用的JQuery元素查找,很详细全面。
之前购买的收费插件,拖动排序元素,应该还可以,分享一下。
使用JQuery实现的图片拖拽效果
jQuery多元素组合动画滑动幻灯片
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
jquery块元素连接线
jquery元素跟随鼠标移动
Web JQuery框架操作元素的属性与样式