Biegral Blog

转自：http://www.jb51.net/article/25755.htm

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"); 
})