首頁 > web前端 > js教程 > replacewith和replaceAll有什麼差別

replacewith和replaceAll有什麼差別

清浅
發布: 2019-02-21 11:03:36
原創
4694 人瀏覽過

jQuery中的replacewith與replaceAll的區別有:前者是用括號中的字元替換所選的元素,後者則是用字串取代括號中所選擇的元素

jQuery中有兩種方法用來指定HTML的內容或是元素替換被選元素,它們分別是replacewith和replaceAll方法,接下來在文章中將為大家介紹這兩者之間的區別,具有一定的參考作用,希望對大家有所幫助。

replacewith和replaceAll有什麼差別

【推薦教學:jQuery教學

replacewith方法

replaceWith() 方法就是把被選元素替換成新的內容,它有兩個參數分別為content用來設定要插入的內容,它可以設定為html或DOM元素。另一個參數是function。用來傳回所取代內容的函數

範例:點選按鈕修改文字內容

<script>
$(document).ready(function(){
    $("button").click(function(){
        $("p").replaceWith("PHP中文网");
    });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>点击按钮替换元素</button>
登入後複製

效果圖

replacewith和replaceAll有什麼差別

##replaceAll方法

replaceAll方法和replacewith方法一樣都是用來把被選元素替換為新的HTML元素。它也有兩個參數,其中content用來設定要插入的內容,selector用來規定哪一個元素會被替換

#例:點擊按鈕是p元素中的段落會改變

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("<p>PHP中文网</p>").replaceAll("p");
	});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>点击按钮进行替换</button>
登入後複製

效果圖:

replacewith和replaceAll有什麼差別

#replacewith與replaceAll區別

從上述的兩個例子中我們可以看出這兩者之間實現的功能都是一樣的,用於替換文本內容,但是在實現的過程中還是存在差異的

它們之間最大的差異在於替換字符的順序,replacewith是用括號中的字元替換所選的元素,replaceAll則是用字串取代括號中所選的元素。而且替換完成,被替換元素中的全部事件都消失

總結:以上就是本篇文章的全部內容了,希望透過這篇文章能夠幫助大家了解replacewith和replaceAll的區別

以上是replacewith和replaceAll有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板