基于Jquery的動態(tài)創(chuàng)建DOM元素的代碼
更新時間：2010年12月28日 13:22:32 作者：
jquery動態(tài)創(chuàng)建頁面元素，mark一下，以備以后查詢時使用。以創(chuàng)建div和input為例。
動態(tài)創(chuàng)建div:
$(function(){
$("<div>",{
id: 'test',
text: 'this is a test',
"class": "test",
click: function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})
動態(tài)創(chuàng)建input:
$(function(){
$("<input>", {
type: 'text',
val: 'test',
focusin: function() {
$(this).addClass('active');
},
focusout: function() {
$(this).removeClass('active');
}
}).appendTo("body");
})
復(fù)制代碼 代碼如下:
$(function(){
$("<div>",{
id: 'test',
text: 'this is a test',
"class": "test",
click: function(){
$(this).toggleClass('test');
}
}).appendTo("body");
})
動態(tài)創(chuàng)建input:
復(fù)制代碼 代碼如下:
$(function(){
$("<input>", {
type: 'text',
val: 'test',
focusin: function() {
$(this).addClass('active');
},
focusout: function() {
$(this).removeClass('active');
}
}).appendTo("body");
})
您可能感興趣的文章:
- jQuery中dom元素上綁定的事件詳解
- jQuery學(xué)習(xí)筆記之創(chuàng)建DOM元素
- jQuery創(chuàng)建DOM元素實(shí)例解析
- jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
- jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
- jQuery 刪除/替換DOM元素的幾種方式
- jquery選擇器排除某個DOM元素的方法（實(shí)例演示）
- JQuery為頁面Dom元素綁定事件及解除綁定方法
- js/jQuery對象互轉(zhuǎn)(快速操作dom元素)
- 讀jQuery之五（取DOM元素）
- 基于jquery的關(guān)于動態(tài)創(chuàng)建DOM元素的問題
- jQuery 創(chuàng)建Dom元素
- jQuery添加刪除DOM元素方法詳解
相關(guān)文章
jquery獲取select,option所有的value和text的實(shí)例
下面小編就為大家?guī)硪黄猨query獲取select,option所有的value和text的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
統(tǒng)計(jì)jQuery中各字符串出現(xiàn)次數(shù)的工具
如果使用一個變量替換，使用工具壓縮時將會進(jìn)一步減少文件的大小2012-05-05
jquery 實(shí)現(xiàn)表單驗(yàn)證功能代碼(簡潔)
jquery 實(shí)現(xiàn)表單驗(yàn)證功能代碼,代碼比較簡潔，需要的朋友可以參考下2012-07-07
ImgAreaSelect是一jQuery插件，它支持用戶通過鼠標(biāo)拖曳選擇圖片的一部分，非常的fashion。另外，可以在這個選擇圖像區(qū)域的基礎(chǔ)上應(yīng)用網(wǎng)站的其他一些技術(shù)，比如圖片拖曳、圖片編輯等。2011-10-10
jquery為我們提供了操作數(shù)組和對象的工具函數(shù)，方便和簡化了我們對它們的操作。今天我們就進(jìn)入jQuery的工具函數(shù)的復(fù)習(xí)。2010-04-04
學(xué)習(xí)jquery的朋友可以了解下jquery的屬性與參數(shù)，方便資料的查找。2010-02-02
這篇文章主要介紹了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)平滑滾動頁面到指定錨點(diǎn)鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)平滑滾動頁面到指定錨點(diǎn)鏈接的方法,涉及jquery鼠標(biāo)事件及頁面滾動的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07