返回值:jQueryjQuery(html, props)
概述
根據(jù)提供的原始 HTML 標(biāo)記字符串，動(dòng)態(tài)創(chuàng)建由 jQuery 對(duì)象包裝的 DOM 元素。同時(shí)設(shè)置一系列的屬性、事件等。
參數(shù)
htmlString
用于動(dòng)態(tài)創(chuàng)建DOM元素的HTML標(biāo)記字符串
propsMap
用于附加到新創(chuàng)建元素上的屬性、事件和方法
示例
描述:
動(dòng)態(tài)創(chuàng)建一個(gè) div 元素（以及其中的所有內(nèi)容），并將它追加到 body 元素中。在這個(gè)函數(shù)的內(nèi)部，是通過(guò)臨時(shí)創(chuàng)建一個(gè)元素，并將這個(gè)元素的 innerHTML 屬性設(shè)置為給定的標(biāo)記字符串，來(lái)實(shí)現(xiàn)標(biāo)記到 DOM 元素轉(zhuǎn)換的。所以，這個(gè)函數(shù)既有靈活性，也有局限性。
jQuery 代碼:
$("<div>", {
"class": "test",
text: "Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");描述:
創(chuàng)建一個(gè) <input> 元素，同時(shí)設(shè)定 type 屬性、屬性值，以及一些事件。
jQuery 代碼:
$("<input>", {
type: "text",
val: "Test",
focusin: function() {
$(this).addClass("active");
},
focusout: function() {
$(this).removeClass("active");
}
}).appendTo("form");