jQuery中的clone()方法可以用來(lái)復(fù)制一個(gè)dom元素,包括其子元素和綁定的事件等。
使用方式如下:
//復(fù)制一個(gè)元素(包括綁定事件) var $elem = $('#myElem'); var $cloneElem = $elem.clone(true); $('body').append($cloneElem);
可以看到,clone()方法接收一個(gè)參數(shù),用來(lái)指定是否復(fù)制原始元素的綁定事件等。如果不傳遞參數(shù),那么只會(huì)復(fù)制原始元素本身,而不包括其子元素和綁定的事件。
需要注意的是,clone()方法只會(huì)復(fù)制原始元素的靜態(tài)屬性,例如class、id、style等。如果需要對(duì)復(fù)制出來(lái)的元素做一些操作,例如修改其樣式或加入新的子元素等,則可以在clone()方法調(diào)用之后做出相應(yīng)的操作。
//復(fù)制一個(gè)元素并添加新的子元素 var $elem = $('#myElem'); var $cloneElem = $elem.clone(); $cloneElem.append('<span>Hello World</span>'); $('body').append($cloneElem);
通過(guò)使用clone()方法,可以方便地復(fù)制一個(gè)dom元素,使得在頁(yè)面操作中更加靈活。