【JQuery】replaceWith()和replaceAll()替换内容
2016-04-02 10:36
627 查看
replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容。
但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示:
参数selector为被替换的元素,content为替换的内容。
<body>
<h3>使用replaceAll()方法替换元素内容</h3>
<span class="green" title="hi">我是屌丝</span>
<span class="green1" title="hi">我是屌丝</span>
<script type="text/javascript">
var $html = "<span class='red' title='hi'>我是土豪</span>";
$($html).replaceAll(".green");
$(".green1").replaceWith($html);
</script>
</body>
结果是:
但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示:
$(selector).replaceWith(content)和
$(content).replaceAll(selector)
参数selector为被替换的元素,content为替换的内容。
<body>
<h3>使用replaceAll()方法替换元素内容</h3>
<span class="green" title="hi">我是屌丝</span>
<span class="green1" title="hi">我是屌丝</span>
<script type="text/javascript">
var $html = "<span class='red' title='hi'>我是土豪</span>";
$($html).replaceAll(".green");
$(".green1").replaceWith($html);
</script>
</body>
结果是:
相关文章推荐
- 【JQuery】使用before()和after()在元素前后插入内容
- JQuery学习笔记
- JQuery $("#id").val(value); 给select选值不出现问题
- chome, firefox浏览器js的jQuery加载.get(),.ajax()
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery- 鼠标样式(二级菜单简易通俗版)
- jquery Math.random()生成0~10以内随机整数写法
- 大白话讲解Promise(三)搞懂jquery中的Promise 一文 的学习+新领悟
- 在django中,使用jquery ajax post数据,会出现403的错误
- jquery jquery插件infinite scroll <%each list as goods%> 模板 产品循环
- 10分钟-jQuery表单选择器
- 关于jQuery的一些实用代码
- 【JQuery】addClass()和css()
- 【JQuery】text()和html()的区别
- a毛 jquery 学习记 1 “ 第一个jquery程序”
- 锋利的jQuery第2版学习笔记4、5章
- JavaScript之jQuery-3 jQuery操作DOM(查询、样式操作、遍历节点、创建插入删除、替换、复制)
- JQuery之动画与特效
- JavaScript之jQuery-2 jQuery选择器(jQuery选择器、基本选择器、层次选择器、过滤选择器、表单选择器)
- jquery全屏插件