jQuery动态添加元素总结

在遇到某些业务，需要添加多个表单（在一个旅行团需要添加多个游客，游客数量不确定，为了操作方便添加多个游客要在一个页面完成），页面设计：点击某个添加按钮就会在页面上动态添加表单元素。

以我的经验通过jQuery中的clone()进行添加，

通常采用 $(selector).clone(false,true);

clone()方法参数详解请参照  http://www.jquery123.com/clone/

clone后的元素通常会包含被克隆元素的值。

选择clone的某个元素可以通过所clone元素的find()方法进行选择，然后进行jQuery的操作。

如果clone的元素加载了某个插件，需要先将clone元素的插件销毁，随后在重新加载插件。如果不重新加载，该元素的事件方法将与被克隆的元素所冲突。

销毁插件的方法：1、简单而粗暴：通过浏览器的F12查看到插件所加载的元素，在通过jQuery进行删除。

2、查询插件的官方API进行销毁插件

销毁插件后，再将需要加载插件的元素进行加载插件

将上述部分完成后，再将所克隆的元素添加到页面合适的位置。