JQuery元素内添加元素

append：将指定内容追加到指定元素内部的末尾。追加的内容可以是文本，也可以是html字符串，还可以是数组、JQuery对象或元素。当传入选择器时，如果目标元素只有一个，则将选择器选中的元素直接移动到目标元素的末尾，如果目标元素有多个，则在移除选择器选中的元素后将选中元素复制足够的数量添加到目标元素的末尾。eg：将包含文本test的p元素添加到div元素内部的末尾，$("div").append("<p>test</p>")。

appendTo：与append类似，但它们之间不同的是append是向调用append的元素内部末尾添加指定元素，而appendTo则是将调用appendTo的元素添加到指定元素内部的末尾。eg：将包含文本test的p元素追加到div元素内部的末尾，$("<p>test</p>").appendTo("div")。

prepend：与append唯一的不同是将元素添加到头部而不是末尾，eg：将包含文本test的p元素添加到div元素内部的头部，$("div").prepend("<p>test</p>")。

prependTo：与prepend类似，但它们之间不同的是prepend是向调用prepend的元素内部头部添加指定元素，而prependTo则是将调用prependTo的元素添加到指定元素内部的头部。eg：将包含文本test的p元素添加到div元素内部的头部，$("<p>test</p>").prependTo("div")。

html：获取匹配元素集中第一个元素的html内容或者为每个匹配的元素设置html内容。该方法使用浏览器的innerHTML属性，有些浏览器可能不会完全复制原始文档中的HTML源代码，例如，如果属性值只包含字母数字字符，那么IE浏览器有时会省略包围它们的引号。任何接受HTML字符串的jQuery构造函数或方法，如：jQuery()、.append()、after()等等不要使用这些方法插入从URL查询参数、cookie或表单输入等不可信源获得的字符串。这样做会引入跨站点脚本编制(XSS)漏洞。在向文档添加内容之前，删除或转义任何用户输入。不传参数时，返回的是匹配元素集中第一个元素的html内容，是一个html代码的字符串。当接受一个参数时，为每个匹配的元素设置html内容。html不能应用于XML文档。在替换之前，会将子元素数据及事件处理程序等移除。eg：div中添加包含文本test的p元素，$("div").html("<p>test</p>")。而调用$("div").html()，则可以获得div元素中的html内容。

text：将匹配元素集中每个元素的文本内容拼接后返回或者为每个匹配的元素设置文本内容。与html不同，text在XML和HTML中都可以使用。text不能应用于表单或脚本。JQuery1.4起，text返回文本和CDATA以及元素节点的值。传入text的字符串会设置到匹配的元素中，text会将传入的字符串中需要转义的字符进行转义，以便能够在页面上正确显示，不会将字符串做html的解析。