jquery 替换

replaceWith()

用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。

.replaceWith()可以从DOM中移除内容,然后在这个地方插入新的内容。

通过调用replaceChild处理即可,但是这里需要注意的问题,就是事件的处理,因为节点的变更所以涉及到要移除这个节点的数据cleanData方法。

replaceWith: function() {
    var arg = arguments[0];
    this.domManip(arguments, function(elem) {
        arg = this.parentNode;
        jQuery.cleanData(getAll(this));
        if (arg) {
            arg.replaceChild(elem, this);
        }
    });
    return arg && (arg.length  arg.nodeType) ? this : this.remove();
}

.replaceWith()方法,和大部分其他jQuery方法一样,返回jQuery对象,所以可以和其他方法链接使用,但是需要注意的是:对于该方法而言,该对象指向已经从 DOM 中被移除的对象,而不是指向替换用的对象。

删除目标节点

jQuery( this ).remove();

然后再插入一个新节点

parent.insertBefore( elem, next );

将匹配元素集合从DOM中删除要涉及到empty,remove,detach方法。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, 对象
, 方法
, this
, 节点
, 替换节点
, dommanip
, replaceWith
, replaceWith()
replaceChild
jquery替换字符串、jquery替换html内容、jquery 替换元素、jquery、jquery 全部替换,以便于您获取更多的相关知识。

时间: 2024-08-03 09:43:49

jquery 替换的相关文章

JQuery替换DOM节点的方法_jquery

本文实例讲述了JQuery替换DOM节点的方法.分享给大家供大家参考.具体分析如下: 如果要替换某个节点,jQuery提供了相应的方法,即replaceWith()和replaceAll(). replaceWith()方法的作用是将所有匹配的元素都替换成指定的HTML或者DOM元素. 本例 JQuery 代码: <script type="text/javascript"> //<![CDATA[ $(function(){ $("#btn_1"

jQuery替换textarea中换行的方法_jquery

本文实例讲述了jQuery替换textarea中换行的方法.分享给大家供大家参考.具体分析如下: 昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行. html部分: <fieldset> <textarea id="ncontent"></textarea> </fieldset> <button id="submit">提 交</button> js部分: $(docu

网页设计-jquery替换网页body中所有的“黑龙江”为“北京”

问题描述 jquery替换网页body中所有的"黑龙江"为"北京" jquery替换网页body中所有的"黑龙江"为"北京","黑龙江"可能是在不同的标签,不同的 中,请问如何写代码?需要完整代码,谢谢了! 解决方案 <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.j

jQuery替换节点用法示例(使用replaceWith方法)_jquery

本文实例讲述了jQuery替换节点的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/

jQuery替换textarea中换行的方法

 昨天同事在学习jQuery的时候,希望使用替换掉textarea中的换行. html部分: 1 2 3 4 <fieldset> <textarea id="ncontent"></textarea> </fieldset> <button id="submit">提 交</button> js部分: 1 2 3 4 5 6 7 8 9 $(document).ready(function()

基于jQuery替换table中的内容并显示进度条的代码_jquery

效果图如下:http://jialiren.sinaapp.com/jdt/ Html代码如下: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>进度条列</title> <script type=&qu

jQuery替换字符串(实例代码)_jquery

复制代码 代码如下: function replace(){   var str="tao zhang yi love liu weng ling";   re=new RegExp("l","g");   var newstart=str.replace(re,"t");   alert(newstr);} 运行结果:弹出"tao zhang yi tove tiu weng ting"; 解释:re=n

Jquery替换已存在于element上的event的方法_jquery

看下面code: 复制代码 代码如下: <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>TestPage</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" typ

Jquery替换去除表单里的空格代码

先我们来看利用trim去除空格  代码如下 复制代码 // Used for trimming whitespace trimLeft = /^s+/, trimRight = /s+$/, // Use native String.trim function wherever possible trim: trim ? function( text ) { return text == null ? "" : trim.call( text ); } : // Otherwise u