jquery提供的替换节点的方法有两个：replaceWith()和replaceAll()。

1、replaceWith()方法

语法：$(selectorA).replaceWitj(dom);

将匹配到的元素$(selectorA)用dom替换掉。原来的元素去掉，在原来元素的位置上添加上dom元素。

2、replaceAll()方法

语法：$(dom).replaceAll(selector)；

用dom替换掉selector匹配到的所有元素。

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>jquery的dom操作</title><script src="../jquery-1.3.1.js"></script>
</head>
<body><p title="选择你喜欢的水果">你最喜欢的水果是?</p><ul> <li title="苹果">苹果</li><li title="橘子title">橘子</li><li title="菠萝">菠萝</li><li title="菠萝2">菠萝2</li><li title="菠萝3">菠萝3</li></ul>
</body>
<script> $(function(){//$("ul li").replaceWith("<p title='选择你喜欢的水果'>你最喜欢的水果是?</p>");//$("<p title='选择你喜欢的水果'>你最喜欢的水果是?</p>").replaceAll($("ul li"))$("<p title='选择你喜欢的水果'>你最喜欢的水果是?</p>").replaceAll("ul li")});
</script>
</html>

jquery替换节点相关推荐

jQuery初识 - jQuery关于节点的相关方法
jQuery添加节点的相关方法内部插入 append(content|fn) appendTo(content) 会将元素添加到指定元素内部的最后 prepend(content ...
jQuery之替换节点
如果要替换节点,jQuery提供了两个方法:replaceWith()和replaceAll(). 两个方法的作用相同,只是操作颠倒了. 作用:将所有匹配的元素都替换成指定的HTML或者DOM元素.( ...
jQuery节点操作创建节点元素删除节点替换节点复制节点等基本本操作
节点操作 jQuery中节点操作查找节点(前面章节已讲) 创建节点插入节点删除节点替换节点复制节点创建节点元素工厂函数$()用于获取或创建节点 $(selector):通过选择器获取节点 ...
jQuery DOM 节点操作
DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的"M".页面中的元素结构就是通过这种节点模型来互相对应着的,我们只需要通过这些节点关系,可以创建. 插入.替换. ...
如何使用jQuery替换div的innerHTML？
本文翻译自:How to replace innerHTML of a div using jQuery? How could I achieve the following: 我怎样才能实现以下目标 ...
jq修改iframe html代码,使用jQuery替换iframe的所有内容（包括doctype和html标签）
在stackoverflow上还有很多其他帖子提出几乎相同的问题,但在迄今为止我读到的所有答案中,他们没有解决如何实质上替换iframe的整个文档,包括DOCTYPE和html标签.使用jQuery替 ...
事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
一.事件冒泡定义事件冒泡是指在一个对象触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那 ...
jquery元素节点操作
jquery元素节点操作创建节点 var $div = $('<div>'); var $div2 = $('<div>这是一个div元素</div>'); 插入 ...
jQuery包裹节点用法完整示例
本文实例讲述了jQuery包裹节点用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Typ ...

jquery替换节点

1、replaceWith()方法

2、replaceAll()方法

jquery替换节点相关推荐

最新文章

热门文章