jquery appendto（jquery 中appendTo（）函数的疑惑）

本文目录

• jquery 中appendTo()函数的疑惑
• 怎么让jquery 中.appendTo方法，每复制一次，DOM中的ID值加1递增
• JQuery之append和appendTo的区别，还有js中的appendChild用法
• Jquery中的append跟prepend，after和before的区别
• Jquery appendTo()函数
• jquery appendTo元素后监听事件和获得属性的问题

jquery 中appendTo()函数的疑惑

原有元素通过appendTo之后会把文本、属性、事件等都复制过去。所以要想避免这个问题需要使用.clone(false);原来的代码修改为$(this ).css(“background“, “white“).clone(false).appendTo(“#ul2“);就可以防止这个问题。 我已经测试过没有问题了。采纳吧，顺便多给些分数。

怎么让jquery 中.appendTo方法，每复制一次，DOM中的ID值加1递增

《!DOCTYPE html》《html》《head》《meta charset=“UTF-8“》《title》Insert title here《/title》《style type=“text/css“》#txt1{width:200px;height:30px;}#sp1{font-size:3px;color:red;display:none;}《/style》《script type=“text/javascript“ src=“../assets/js/jquery.min.js“》《/script》    《script type=“text/javascript“》    $(function(){        var i = 1;       $(“#addareaid“).click(function(){           $(“《br》都是英雄呀“+ i +“《/b》“).clone(true).appendTo(“#diqu“);           i++;          // $(“#diqus“).clone(true).appendTo(“#diqu“); // 复制当前点击的节点，并将它追加到《ul》元素       })             });    《/script》《/head》《body》《input type=“button“ id=“addareaid“ value=“点我“》《div id=“diqu“》这是测试的div《/div》《/body》《/html》

这是我测试之后的截图如下：

JQuery之append和appendTo的区别，还有js中的appendChild用法

appendTo会将元素从当前位置移除，移动到指定元素后面去，append则不会。appendChild是为指定元素添加子元素。

Jquery中的append跟prepend，after和before的区别

一、after()和before()方法的区别after()——其方法是将方法里面的参数添加到jquery对象后面去；如：A.after(B)的意思是将B放到A后面去；before()——其方法是将方法里面的参数添加到jquery对象前面去。如：A.before(B)的意思是将A放到B前面去； 二、insertAfter()和insertBefore()的方法的区别其实是将元素对调位置；可以是页面上已有元素；也可以是动态添加进来的元素。如：A.insertAfter(B);即将A元素调换到B元素后面；如《span》CC《/span》《p》HELLO《/p》使用$(“span“).insertAfter($(“p“))后，就变为《p》HELLO《/p》《span》CC《/span》了。两者位置调换了三、append()和appendTo()方法的区别append()——其方法是将方法里面的参数添加到jquery对象中来；如：A.append(B)的意思是将B放到A中来，后面追加,A的子元素的最后一个位置；appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。如：A.appendTo(B)的意思是将A放到B中去，后面追加,B的子元素的最后一个位置；四、prepend()和prependTo()方法的区别append()——其方法是将方法里面的参数添加到jquery对象中来；如：A.append(B)的意思是将B放到A中来，插入到A的子元素的第一个位置；appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。如：A.appendTo(B)的意思是将A放到B中去，插入到B的子元素的第一个位置；例子1、insert局部方法/*** 在父级元素上操作DOM* @param {Object} parent 父级元素，可以是element，也可以是Yquery对象* @param {String} position 位置: beforebegin/afterbegin/beforeend/afterend* @param {*} any 任何：string/text/object* @param {Number} index 序号，如果大于0则复制节点* @return {Undefined}* @version 1.0* 2013年12月2日17:08:26*/function _insert(parent, position, any, index) {if ($.isFunction(any)) {any = any.call(parent);}// 字符串if ($.isString(any)) {if (regTag.test(any)) {parent.insertAdjacentHTML(position, any);} else {parent.insertAdjacentText(position, any);}}// 数字else if ($.isNumber(any)) {parent.insertAdjacentText(position, any);}// 元素else if ($.isElement(any)) {parent.insertAdjacentElement(position, index 》 0 ? any.cloneNode(!0) : any);}// Yqueryelse if (_isYquery(any)) {any.each(function() {_insert(parent, position, this);});}}2、append、prepend、before、after$.fn = {/*** 追插* 将元素后插到当前元素（集合）内* @param {String/Element/Function} any* @return this* @version 1.0* 2013年12月29日1:44:15*/append: function(any) {return this.each(function(index) {_insert(this, ’beforeend’, any, index);});},/*** 补插* 将元素前插到当前元素（集合）内* @param {String/Element/Function} any* @return this* @version 1.0* 2013年12月29日1:44:15*/prepend: function(any) {return this.each(function(index) {_insert(this, ’afterbegin’, any, index);});},/*** 前插* 将元素前插到当前元素（集合）前* @param {String/Element/Function} any* @return this* @version 1.0* 2013年12月29日1:44:15*/before: function(any) {return this.each(function(index) {_insert(this, ’beforebegin’, any, index);});},/*** 后插* 将元素后插到当前元素（集合）后* @param {String/Element/Function} any* @return this* @version 1.0* 2013年12月29日1:44:15*/after: function(any) {return this.each(function(index) {_insert(this, ’afterend’, any, index);});}};3、prependTo、prependTo、insertBefore、insertAfter这些带后缀的与上面的不同的是，返回的结果不一样。如：$(’#demo’).append(’《a/》’);// =》 返回的是 $(’#demo’)$(’《a/》’).appendTo($(’#demo’));// =》 返回的是$(’a’);因此两者的关系只是返回结果不一样，其他的都一样，可以这么解决：_each({appendTo: ’append’,prependTo: ’prepend’,insertBefore: ’before’,insertAfter: ’after’}, function(key, val) {$.fn(this);});return this;};});

Jquery appendTo()函数

没太理解你说的自带删除的意思！从你的这个例子来看，这两段代码确实等效。 原理：代码1中，首先返回了一个选中的option对象，然后将该对象remove()操作，这时它返回了一个jQuery对象并存入$remove对象中，最后将$remove对象内嵌进#select2中。这里的$remove==$options代码2中，直接将选中的option对象，追加到了#select2中。大概你所谓的自带删除，是指#select1中的option项没有了的意思吧。这其实属于元素的移动。值得注意的一点是：使用remove()方法，返回的jQuery对象，与原始对象的区别在于，它们只保留了元素本身，其他的比如绑定的事件，附加的数据等都会被移除。

jquery appendTo元素后监听事件和获得属性的问题

你可以在appendto的时候把事件带上去，比如是$(“《tr onclick=’show(xxx)’ class=’tabxuanzeliebiao》 Hello World!《/tr》“).appendTo