jQuery追加内容

1、append() ——在备选元素的内部结尾插入指定内容

2、appendTo()——方法在被选元素的内部结尾插入指定内容

这两个方法效果都是一样，只是内容的位置和选择器的位置不一样。

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=58&channelType=2&subTitle=591teststetets&extAttrValueId=599"

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

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

例如我想添加sex="男"

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

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('input[type="checkbox"]').change(function () {

var a = ''

$('input[type="checkbox"]:checked').each(function () {

if (a !== '') {

a += ','

}

a += $(this).val()

})

$('#a').val(a)

})

3、浏览器运行index.html页面，此时选择内容会自动追加到input输入框中，最多3个。

---