快捷導(dǎo)航

基于Jquery的動(dòng)態(tài)創(chuàng)建DOM元素的代碼

更新時(shí)間：2010年12月28日 13:22:32 作者：

jquery動(dòng)態(tài)創(chuàng)建頁面元素，mark一下，以備以后查詢時(shí)使用。以創(chuàng)建div和input為例。

動(dòng)態(tài)創(chuàng)建div:

 
$(function(){ 
$("<div>",{ 
id: 'test', 
text: 'this is a test', 
"class": "test", 
click: function(){ 
$(this).toggleClass('test'); 
} 
}).appendTo("body"); 
}) 

動(dòng)態(tài)創(chuàng)建input:

復(fù)制代碼代碼如下:

 
$(function(){ 
$("<input>", { 
type: 'text', 
val: 'test', 
focusin: function() { 
$(this).addClass('active'); 
}, 
focusout: function() { 
$(this).removeClass('active'); 
} 
}).appendTo("body"); 
}) 

您可能感興趣的文章:

相關(guān)文章

jquery獲取select,option所有的value和text的實(shí)例
下面小編就為大家?guī)硪黄猨query獲取select,option所有的value和text的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-03-03
統(tǒng)計(jì)jQuery中各字符串出現(xiàn)次數(shù)的工具
如果使用一個(gè)變量替換，使用工具壓縮時(shí)將會(huì)進(jìn)一步減少文件的大小
2012-05-05
jquery 實(shí)現(xiàn)表單驗(yàn)證功能代碼(簡潔)
jquery 實(shí)現(xiàn)表單驗(yàn)證功能代碼,代碼比較簡潔，需要的朋友可以參考下
2012-07-07
imgAreaSelect 中文文檔幫助說明
ImgAreaSelect是一jQuery插件，它支持用戶通過鼠標(biāo)拖曳選擇圖片的一部分，非常的fashion。另外，可以在這個(gè)選擇圖像區(qū)域的基礎(chǔ)上應(yīng)用網(wǎng)站的其他一些技術(shù)，比如圖片拖曳、圖片編輯等。
2011-10-10
jQuery 工具函數(shù)學(xué)習(xí)資料
jquery為我們提供了操作數(shù)組和對(duì)象的工具函數(shù)，方便和簡化了我們對(duì)它們的操作。今天我們就進(jìn)入jQuery的工具函數(shù)的復(fù)習(xí)。
2010-04-04
jQuery 方法大全方便學(xué)習(xí)參考
學(xué)習(xí)jquery的朋友可以了解下jquery的屬性與參數(shù)，方便資料的查找。
2010-02-02
jQuery基本過濾選擇器用法示例
這篇文章主要介紹了jQuery基本過濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中:first、:last、:not、:even、:odd、:eq、:gt等基本過濾選擇器的使用方法,需要的朋友可以參考下
2016-09-09
jsTree 基于JQuery的排序節(jié)點(diǎn) Bug
jsTree(JQuery) 排序節(jié)點(diǎn) Bug的解決方法。
2011-07-07
bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap table sum總數(shù)量統(tǒng)計(jì)實(shí)現(xiàn)方法,需要的朋友可以參考下
2017-10-10
jQuery實(shí)現(xiàn)平滑滾動(dòng)頁面到指定錨點(diǎn)鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)平滑滾動(dòng)頁面到指定錨點(diǎn)鏈接的方法,涉及jquery鼠標(biāo)事件及頁面滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07