replacewith和replaceAll有什麼差別-js教程-PHP中文網

replacewith和replaceAll有什麼差別

清浅

發布： 2019-02-21 11:03:36

原創

4566 人瀏覽過

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有什麼差別