jQuery中replaceWith方法与replaceAll方法

最新推荐文章于 2020-07-14 15:20:11 发布
最新推荐文章于 2020-07-14 15:20:11 发布
阅读量502 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/faithinmyheart/article/details/103016547
版权

replaceWith方法：将所匹配到的内容更改为所指定的内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
	</head>
	<body>
		<span>Hello</span>
		<b>Hello</b> 
		<i>Hello</i>
		<script>
			$("span,b,i").replaceWith("<h3>Word</h3>")
		</script>
	</body>
</html>
//运行结果全为Word

replaceAll(selector)方法：用匹配的元素替换掉所有 selector匹配到的元素(作用其实和replaceWith方法一样的，只不过语法不同)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
	</head>
	<body>
		<span>Hello</span>
		<b>Hello</b> 
		<i>Hello</i>
		<script>
			$("<h3>Word</h3>").replaceAll("span,b,i");
		</script>
	</body>
</html>
//运行结果全为Word

 

离弃。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中replaceAll()方法用法实例
10-24
在jQuery库中，`replaceAll()`方法是一个非常实用的函数，它允许我们用匹配的DOM元素或HTML字符串替换现有的DOM元素。这个方法对于动态更新页面内容和实现复杂的DOM操作非常有用。接下来，我们将深入探讨`replaceAll...
jQuery中clone()方法用法实例
10-24
主要介绍了jQuery中clone()方法用法,实例分析了clone()方法的功能、定义及克隆匹配的DOM元素的使用技巧,需要的朋友可以参考下
jQuery的replaceWith()函数用法详解
看陌生的风景的博客
12-05 1404
replaceWith() 方法将选择的元素的内容替换为其他内容 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>无标题</titl...
jQuery中的replaceWith（） 和replaceAll（）方法
weixin_45104211的博客
11-11 379
一、总结（替换） replaceWith(content|fn) ：将所有匹配的元素替换成指定的HTML或DOM元素。 replaceAll(selector)：用匹配的元素替换掉所有 selector匹配到的元素 二、案例 一、代码如下 <!DOCTYPE html> <html> <head> <meta char...
JQuery中的replaceWith与replaceAll
qiangzhogshou的博客
11-30 107
一、replaceWith <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.js"></script> </head> <body> <span&g...
原生替代jquery方案
chenglinzi2356的博客
06-26 832
Query Selector 常用的 class、id、属性 选择器都可以使用document.querySelector或document.querySelectorAll替代。区别是 document.querySelector返回第一个匹配的 Element d...
jQuery中的replaceWith和replaceAll方法
low1101的博客
12-01 187
replaceWith(content|fn) ：将所有匹配的元素替换成指定的HTML或DOM元素。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.js"&...
JQuery替换DOM节点的方法
12-29
如果要替换某个节点，jQuery提供了相应的方法，即replaceWith()和replaceAll()。 replaceWith()方法的作用是将所有匹配的元素都替换成指定的HTML或者DOM元素。 本例 JQuery 代码： [removed] //<![CDATA[ $...
jQuery 文档操作方法
07-21
jQuery 文档操作方法是 jQuery 库中的一组强大且实用的函数，用于操作 HTML 和 XML 文档中的元素。这些方法可以帮助开发者快速高效地操作文档结构，提高开发效率和代码质量。本文将对 jQuery 文档操作方法进行详细的...
DOM替换replaceWith()和replaceAll()
Smell_rookie的博客
05-31 1487
replaceWith()和replaceAll()方法用起来总是会混淆，下面将说明一下这两者之间的区别于一年、、.replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合简单来说：用$()选择节点A，调用replaceWith方法，传入一个新的内容B（HTML字符串，DOM元素，或者jQuery对象）用来替换选中的节点A看个简单的例子：一段...
DOM替换replaceWith()和replaceAll() 之前学习了节点的内插入、外插入以及删除方法，这节会学习替换方法replaceWith .replaceWith( newConten
Iron
07-28 1923
DOM替换replaceWith()和replaceAll() 之前学习了节点的内插入、外插入以及删除方法，这节会学习替换方法replaceWith .replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 简单来说：用$()选择节点A，调用replaceWith方法，传入一个新的内容B（HTML字符串，DOM元素，或者jQuer
jQuery中replaceWith()与replaceAll()方法
nairuozi的博客
11-11 228
replaceWith()与replaceAll()两个方法作用相同。 见代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.3.1.js"></s...
js的replace详解
adobe1992
03-29 2745
定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。（JS 字符串有replace() 方法。但这个方法只会对匹配到的第一个字串替换，如果要全部替换的话，使用正则可以达成Replace 的效果） 语法 stringObject.replace(regexp/substr,replacement)参数 描述  regexp
JS中的replace方法
YP~杨小西
07-14 1246
在JS中替换掉输入框内的空格，是在处理表单需求的时候极为常用的一项操作，以防止用户的操作习惯引起数据异常，保证传参的安全性。 NO.1 1 name.replace(" ",""); 上述方法是很简单的替换，但是有两个弱点： 1.只能替换单个英文空格或者中文空格（全角）； 2.只能替换当前字符串的第一个匹配项。 NO.2 1 name.replace(new RegExp(/( )/g),""); 上述方法是通
Jquery中替换节点的方法replaceWith（）和replaceAll（）
weixin_34074740的博客
12-27 435
在jquery中，我们可以通过replaceWith（）和replaceAll（）方法来替换元素中的节点。 语法格式：replaceWith（content） 将所有选择的元素替换成指定的html和dom元素。其中参数被选择替换的内容。                     replaceAll（selector）  替换指定的selector元素。 示例：在下面的页面中存在两个span标...
JS replace()方法替换变量（可以对变量进行全文替换）
weixin_43445771的博客
05-23 4618
事情是这样的： 本文出处http://blog.sina.com.cn/s/blog_6552200b0102ve60.html 我要用 JS 替换一个多行文本的关键字 正常，没有变量的时候应该是这样： 把 a 替换成 b： string.replace(“a”,“b”); 以上只能替换第一个匹配的，要全文匹配应该用正则表达式： string.replace(/a/g,“b”); 正则加个参数 g...
jQuery源码解析之replaceWith()/unwrap()
weixin_34087503的博客
04-09 164
前言： 跟 当我调用了$().append()后，jQuery内部发生了什么？ 一样，replaceWith() 会经过 domManip() 和 buildFragment() 的洗礼，最后调用原生JS的方法来实现。 所以，本文只讲述 jQuery 中最后对 replaceWith() 处理的相关代码。 想了解domManip() 和 buildFragment()的，请看 当我调用了$()....
jQuery进阶：节点操作与动画方法详解
包括如何将普通字符串转换为jQuery对象（$()函数的用法），创建和管理DOM元素的方法，如`appendTo()`、`prepend()`、`prependTo()`、`after()`、`before()`、`insertBefore()`、`wrap()`、`wrapAll()`、`replaceWith...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值