jquery 修改clone()

颜谦熙 2周前 14浏览 0评论

jQuery中的clone()方法可以复制一个DOM节点,但有时候我们需要对复制的节点进行修改。下面介绍几种常见的修改方法。

//1. 修改节点属性
var $clone = $("#original").clone();
$clone.attr("id", "new_id");

//2. 修改节点文本内容
var $clone = $("#original").clone();
$clone.text("new text");

//3. 修改节点样式
var $clone = $("#original").clone();
$clone.css("color", "red");

//4. 修改节点子节点
var $clone = $("#original").clone();
$clone.find("span").text("new span text");

//5. 修改节点事件
var $clone = $("#original").clone();
$clone.on("click", function(){
  console.log("new click event");
});

以上几种方法可以灵活地修改复制的节点,让我们轻松地实现页面效果。