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还可以接受一个函数作为参数,此函数没有任何参数,并返回用于替换目标元素集的元素集,如果返回空字符串,或者没有匹配到元素的选择器,则会删除目标元素集中的元素,否则会用返回的元素集替换目标元素集的元素。

 

你可能感兴趣的:(JavaScript,JQuery)