JQuery包裝集元素整理

 首先說(shuō)一下利用JQuery函數(shù)動(dòng)態(tài)創(chuàng)建元素，

創(chuàng)新互聯(lián)是工信部頒發(fā)資質(zhì)IDC服務(wù)器商，為用戶(hù)提供優(yōu)質(zhì)的重慶服務(wù)器托管服務(wù)

<div id="testDiv">測(cè)試圖層</</span>div>  
<script type="text/javascript"> 
document.getElementByIdx_x_x("testDiv").innerHTML = ""border:solid 1px #FF0000\">動(dòng)態(tài)創(chuàng)建的div 
"; 
</script> 

在頁(yè)面上動(dòng)態(tài)添加了一個(gè)div，但是這種創(chuàng)建是不可取的，因?yàn)檫@是在頁(yè)面還正在加載的時(shí)候動(dòng)態(tài)創(chuàng)建的，改變了頁(yè)面結(jié)構(gòu)，如果在網(wǎng)速太慢或者響應(yīng)時(shí)間過(guò)長(zhǎng)的情況下會(huì)報(bào)腳本錯(cuò)誤，也就是說(shuō)永遠(yuǎn)不要在頁(yè)面加載時(shí)改變頁(yè)面的DOM模型。
正確建法：
$(function(){
$("
動(dòng)態(tài)創(chuàng)建的DIV
");
})
根據(jù)HTML原始字符串動(dòng)態(tài)創(chuàng)建DOM模型。
如果html字符串是沒(méi)有屬性的元素時(shí)，JQuery在內(nèi)部使用了document_createElement()方法來(lái)創(chuàng)建。
$("").css("border","1px solod #c1c1c1").html("動(dòng)態(tài)創(chuàng)建的DIV").appendTo(testDiv));
//appendTo()方法是在被選元素的末尾插入內(nèi)容。
否則JQuery內(nèi)部用innerHtml方法來(lái)創(chuàng)建：
$("
動(dòng)態(tài)創(chuàng)建的DIV
").appendTo(testDiv);
上面只是創(chuàng)建元素的方式，下面我們來(lái)在頁(yè)面加載完畢后添加元素。
利用JQuery會(huì)簡(jiǎn)便許多( 在圖像和外部資源加載之前執(zhí)行函數(shù))：
$(function)(){
$("#testDiv").html("
動(dòng)態(tài)創(chuàng)建的DIV
");
}
利用JQuery$()可以綁定多個(gè)函數(shù)，如果使用傳統(tǒng)的window.onload()只會(huì)調(diào)用一個(gè)函數(shù)。
————————————————
既然創(chuàng)建了元素，那么就要把這些元素封裝到JQuery的包裝集中，然后就可以在包裝集中調(diào)用這些函數(shù)，用來(lái)改變?cè)糺Query包裝集, 并且大部分返回的都是過(guò)濾后的jQuery包裝集。
比如過(guò)濾filtering中的map()，是將一組元素轉(zhuǎn)換成數(shù)組（不論是否是元素?cái)?shù)組），這個(gè)方法可以將所選元素里的值建立一個(gè)列表，或者是數(shù)組形式。

$("p").append($("input").map(function(){ 
return $(this).val(); 
}).get().join(",")); 

//append()和appendTo()
比如$("
動(dòng)態(tài)創(chuàng)建的DIV
").appendTo(testDiv);
使用這個(gè)方法其實(shí)是顛倒了常規(guī)的$(A).append(B)，即不是將B添加到A中，而是將A添加到B中。

文章標(biāo)題：JQuery包裝集元素整理
文章網(wǎng)址：http://bm7419.com/article10/giphgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、做網(wǎng)站、網(wǎng)站營(yíng)銷(xiāo)、面包屑導(dǎo)航、電子商務(wù)、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)