jQuery中replaceWith与replaceAll方法

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

replaceWith(content|fn) 方法：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="js/jquery-3.3.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>replaceAll(selector)方法：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="js/jquery-3.3.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>

效果一样，语法不同

jQuery中replaceWith与replaceAll方法相关推荐

jQuery中replaceWith()与replaceAll()方法
replaceWith()与replaceAll()两个方法作用相同. 见代码 <!DOCTYPE html> <html><head><meta chars ...
jQuery中replaceWith、replaceAll的区别和用法
一.replaceWith()方法: replaceWith(content|fn) :将所有匹配的元素替换成指定的HTML或DOM元素. html代码如下: <span>Hello< ...
jQuery中replaceWith与replaceAll
replaceWith(content|fn) :将所有匹配的元素替换成指定的HTML或DOM元素. replaceAll(selector):用匹配的元素替换掉所有 selector匹配到的元素. ...
Jquery中替换节点的方法replaceWith（）和replaceAll（）
本文转自:http://www.cnblogs.com/shuang121/archive/2011/12/27/2303748.html 在jquery中,我们可以通过replaceWith()和r ...
jQuery中的replaceWith和replaceAll方法
在jQuery中有两个方法可以执行对标签的替换操作,replaceWith()和replaceAll()方法: replaceWith() :将所有匹配的元素替换成指定的HTML或DOM元素. rep ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
深入解析JQuery中的isPlainObject()使用方法
本篇文章给大家详细分析了jQuery中的isPlainObject()使用方法,非常不错,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 说明 j ...
jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
jQuery学习（十二）—jQuery中对象的查找方法总结
jQuery学习(十二)-jQuery中对象的查找方法总结一.find方法作用:在元素1中查找元素2,类似于选择器中的后代选择器格式:元素1.find(元素2),元素2为CSS选择器或者jQue ...

jQuery中replaceWith与replaceAll方法

jQuery中replaceWith与replaceAll方法相关推荐

最新文章

热门文章