JQuery替换元素

replaceAll:替换目标元素集中的所有元素,目标元素集可以是选择器、JQuery对象、DOM元素、数组或选择器接受的表达式。如果定义调用replaceAll的源元素是通过普通的html字符串定义的,则会复制源元素然后替换目标元素集中的元素。如果是通过选择器表达式定义的,则如果存在选择器表达式匹配的元素,则从DOM中移除匹配的元素,并进行复制后,去替换目标元素集中的元素。如果不存在选择器表达式匹配的元素,则会删除目标元素。replaceAll返回替换后的新的元素集。eg:用所有name属性为test的元素替换所有的p元素,$("[name=test]").replaceAll($("p"))。

replaceWith:用提供的新内容替换匹配元素集中的每个元素,并返回被删除的元素集。替换的内容可以是html字符串、DOM元素、数组或JQuery对象。与replaceAll相反,replaceWith接受的是源元素。如果传入的源元素是通过普通的html字符串定义的,则会复制源元素然后替换目标元素集中的元素。如果是通过选择器表达式定义的,则如果存在选择器表达式匹配的元素,则从DOM中移除匹配的元素,并进行复制后,去替换目标元素集中的元素。如果不存在选择器表达式匹配的元素,则会删除目标元素。replaceWith返回替换前的目标元素集。eg:用所有name属性为test的元素替换所有的p元素,$("p").replaceWith($("[name=test]"))。

此外,从JQuery1.4起,replaceWith还可以接受一个函数作为参数,此函数没有任何参数,并返回用于替换目标元素集的元素集,如果返回空字符串,或者没有匹配到元素的选择器,则会删除目标元素集中的元素,否则会用返回的元素集替换目标元素集的元素。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值