jQuery中replaceWith与replaceAll

Bless___

于 2019-12-01 23:53:30 发布

阅读量197

点赞数

文章标签： JavaScript jQuery

本文链接：https://blog.csdn.net/S_Tian/article/details/103341636

版权

replaceWith(content|fn) ：将所有匹配的元素替换成指定的HTML或DOM元素。
replaceAll(selector)：用匹配的元素替换掉所有 selector匹配到的元素。
注意: 替换前, 已绑定事件的元素，替换后原先事件会与元素一起消失。

<body>
  	<span>Hello</span>
  	<b>Hello</b> 
  	<i>Hello</i>
  	<script>
   		$("span,b,i").replaceWith("<h3>Word</h3>")
   		//将span、b、i标签都替换成word
  	</script>
</body>

<body>
  	<span>Hello</span>
  	<b>Hello</b> 
  	<i>Hello</i>
  	<script>
   		$("<h3>Word</h3>").replaceAll("span,b,i");
   		//效果同上
  	</script>
</body>