JQuery包装集元素整理-创新互联

首先说一下利用JQuery函数动态创建元素，

>
.innerHTMLborder>

在页面上动态添加了一个div，但是这种创建是不可取的，因为这是在页面还正在加载的时候动态创建的，改变了页面结构，如果在网速太慢或者响应时间过长的情况下会报脚本错误，也就是说永远不要在页面加载时改变页面的DOM模型。
正确建法：
$(function(){
$("
动态创建的DIV
");
})
根据HTML原始字符串动态创建DOM模型。
如果html字符串是没有属性的元素时，JQuery在内部使用了document_createElement()方法来创建。
$("").css("border","1px solod #c1c1c1").html("动态创建的DIV").appendTo(testDiv));
//appendTo()方法是在被选元素的末尾插入内容。
否则JQuery内部用innerHtml方法来创建：
$("
动态创建的DIV
").appendTo(testDiv);
上面只是创建元素的方式，下面我们来在页面加载完毕后添加元素。
利用JQuery会简便许多( 在图像和外部资源加载之前执行函数)：
$(function)(){
$("#testDiv").html("
动态创建的DIV
");
}
利用JQuery$()可以绑定多个函数，如果使用传统的window.onload()只会调用一个函数。
————————————————
既然创建了元素，那么就要把这些元素封装到JQuery的包装集中，然后就可以在包装集中调用这些函数，用来改变原始jQuery包装集, 并且大部分返回的都是过滤后的jQuery包装集。
比如过滤filtering中的map()，是将一组元素转换成数组（不论是否是元素数组），这个方法可以将所选元素里的值建立一个列表，或者是数组形式。

$("p").append($("input").map(function(){ 

//append()和appendTo()
比如$("
动态创建的DIV
").appendTo(testDiv);
使用这个方法其实是颠倒了常规的$(A).append(B)，即不是将B添加到A中，而是将A添加到B中。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。