首先說一下利用JQuery函數(shù)動態(tài)創(chuàng)建元素,
我們提供的服務(wù)有:網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、蓬溪ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的蓬溪網(wǎng)站制作公司
> - .innerHTMLborder>
在頁面上動態(tài)添加了一個div,但是這種創(chuàng)建是不可取的,因為這是在頁面還正在加載的時候動態(tài)創(chuàng)建的,改變了頁面結(jié)構(gòu),如果在網(wǎng)速太慢或者響應(yīng)時間過長的情況下會報腳本錯誤,也就是說永遠(yuǎn)不要在頁面加載時改變頁面的DOM模型。
正確建法:
$(function(){
$("
動態(tài)創(chuàng)建的DIV
");
})
根據(jù)HTML原始字符串動態(tài)創(chuàng)建DOM模型。
如果html字符串是沒有屬性的元素時,JQuery在內(nèi)部使用了document_createElement()方法來創(chuàng)建。
$("").css("border","1px solod #c1c1c1").html("動態(tài)創(chuàng)建的DIV").appendTo(testDiv));
//appendTo()方法是在被選元素的末尾插入內(nèi)容。
否則JQuery內(nèi)部用innerHtml方法來創(chuàng)建:
$("
動態(tài)創(chuàng)建的DIV
").appendTo(testDiv);
上面只是創(chuàng)建元素的方式,下面我們來在頁面加載完畢后添加元素。
利用JQuery會簡便許多( 在圖像和外部資源加載之前執(zhí)行函數(shù)):
$(function)(){
$("#testDiv").html("
動態(tài)創(chuàng)建的DIV
");
}
利用JQuery$()可以綁定多個函數(shù),如果使用傳統(tǒng)的window.onload()只會調(diào)用一個函數(shù)。
————————————————
既然創(chuàng)建了元素,那么就要把這些元素封裝到JQuery的包裝集中,然后就可以在包裝集中調(diào)用這些函數(shù),用來改變原始jQuery包裝集, 并且大部分返回的都是過濾后的jQuery包裝集。
比如過濾filtering中的map(),是將一組元素轉(zhuǎn)換成數(shù)組(不論是否是元素數(shù)組),這個方法可以將所選元素里的值建立一個列表,或者是數(shù)組形式。
- $("p").append($("input").map(function(){
//append()和appendTo()
比如$("
動態(tài)創(chuàng)建的DIV
").appendTo(testDiv);
使用這個方法其實是顛倒了常規(guī)的$(A).append(B),即不是將B添加到A中,而是將A添加到B中。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。