基于Jquery的动态创建DOM元素的代码

  动态创建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");

  })