Jquery动态创建DOM元素

jquery动态创建页面元素,mark一下,以备以后查询时使用。
以创建div和input为例。
动态创建div:

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

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

直接append

$("p").append("<b>Hello</b>");

也可以先append再addClass

 


posted @ 2011-01-25 14:48  hayley  阅读(1571)  评论(0编辑  收藏  举报