基于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é)習筆記之創(chuàng)建DOM元素
- jQuery創(chuàng)建DOM元素實例解析
- jQuery 獲取/設(shè)置/刪除DOM元素的屬性以a元素為例
- jQuery 如何先創(chuàng)建、再修改、后添加DOM元素
- jQuery 刪除/替換DOM元素的幾種方式
- jquery選擇器排除某個DOM元素的方法(實例演示)
- 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的flexigrid無法顯示數(shù)據(jù)提示獲取到數(shù)據(jù)
升級了IE10,發(fā)現(xiàn)flexigrid無法顯示數(shù)據(jù),提示獲取到了數(shù)據(jù),但沒任何報錯任何顯示,經(jīng)過試驗和跟蹤,修改如下,有類似問題的朋友可以參考下哈2013-07-07jQuery實現(xiàn)的頁面遮罩層功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的頁面遮罩層功能,結(jié)合完整實例形式詳細分析了jQuery遮罩層實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10jQuery Ajax 實例代碼 ($.ajax、$.post、$.get)
下面小編就為大家?guī)硪黄猨Query Ajax 實例代碼 ($.ajax、$.post、$.get)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-04-04JQuery 給元素綁定click事件多次執(zhí)行的解決方法
這篇文章主要介紹了JQuery 給元素綁定click事件多次執(zhí)行的解決方法,比較實用,需要的朋友可以參考下2014-09-09