JQuery Clone()方法以及Json Clone()方法使得創建對象副本變得更加容易,從而使得web開發變得更加優越。JQuery Clone()方法可以對DOM對象進行副本復制,而Json Clone()方法則可以對JavaScript對象進行副本復制。
//JQuery Clone()方法 $(原始DOM對象).clone(); //Json Clone()方法 JSON.parse(JSON.stringify(原始JavaScript對象));
JQuery Clone()方法能夠非常容易地為DOM對象創建副本。此方法通過復制給定元素的所有子節點、屬性和數據來創建副本。下面的示例演示了如何使用jQuery Clone()方法:
let orginalDiv = $("div#original"); let clonedDiv = orginalDiv.clone(); $("body").append(clonedDiv);
Json Clone()方法允許復制JavaScript對象,而不是DOM元素。這意味著您可以使用它來創建原型對象的完全副本。然而,請記住,當JavaScript對象包含函數時,Json Clone()的結果可能不是您預期的。下面的示例演示了如何使用Json Clone()方法:
let originalObj = { name: "John", age: 25}; let clonedObj = JSON.parse(JSON.stringify(originalObj)); console.log(clonedObj); // Output: { name: "John", age: 25}