jquery 操作div内容插入到另一个div

jquery 复制DIV内容到另一个div中

成都网络公司-成都网站建设公司创新互联建站十年经验成就非凡，专业从事做网站、成都网站建设，成都网页设计，成都网页制作，软文营销，1元广告等。十年来已成功提供全面的成都网站建设方案，打造行业特色的成都网站建设案例，建站热线：18980820575，我们期待您的来电！

例如下代码:

i class="m_tab" id="A_name"张三/i

i class="m_tab" id="A_sex"男/i

i class="m_tab" id="A_age"30/i

把以上已生成的内容对应复制到下面input框里:

input class="m_input" id="B_name" value="张三"

input class="m_input" id="B_sex" value="男"

input class="m_input" id="B_age" value="30"

可以使用下方代码：

function showDiv(xid){

var div1 = $('#A_'+xid),a = $('#B_cname');

var div2 = $('#A_sex'),b = $('#B_sex');

var div3 = $('#A_age'),c = $('#B_age');

for(var i=0;idiv1.length;i++){a.append(''+div1[i].innerText+'')}

for(var i=0;idiv2.length;i++){b.append(''+div2[i].innerText+'')}

for(var i=0;idiv3.length;i++){c.append(''+div3[i].innerText+'')}

扩展资料：

语言特点

1、快速获取文档元素

jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

2、提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。

3、创建AJAX无刷新网页

AJAX是异步的JavaScript和XML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。

4、提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。

5、增强的事件处理

jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太多事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。

6、更改网页内容

jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。

参考资料来源：百度百科-jQuery

jquery 向DIV动态添加元素

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

jQuery 追加元素的方法如append、prepend和队列方法如push,unshift

jQuery append() 方法在被选元素（内部）的结尾插入内容。

jQuery prepend() 方法在被选元素（内部）的开头插入内容。

jQuery after() 方法在被选元素的开头插入内容。

jQuery before() 方法在被选元素的开头插入内容。

例如：

Jquery表单序列化后添加数据

serialize()、serializeArray()方法都是jquery用户序列化表单的，用于ajax提交的data值的序列化

在chrome的控制台我们很清楚的看到了serializeArray()返回的是json数组，数组的每个对象都是有json字符串构成，我们可以看到，每个json字符串包括两个键值对，每个键值对都是有name,value组成，其实serializeArray()它把表单里的每个需要提交的dom的name的值赋给json字符串的name,dom的value的值赋给json字符串的value.

那么我们只需这要添加额外的内容：

var dataParam = $("#updateChannelForm").serializeArray();

例如我想添加sex="男"

dataParam.push({"name":"sex","value":"男"}) 就可以了

我们看到serialize()方法把表单里的内容序列化成了字符串

"id=58channelType=2subTitle=591teststetetsextAttrValueId=599"

那么我们只需这要添加额外的内容：

var dataParam = $("#updateChannelForm").serialize();

例如我想添加sex="男"

dataParam =dataParam +""+"sex=男"

本文名称：jquery添加内容,jquery添加html内容
文章位置：http://hbruida.cn/article/dsdjpso.html