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