创建新DOM元素的最佳方法

Question

使用jquery是否更好地创建这样的DOM元素: -

function create(options)
{
     $('<form action="' + options.action + '"></form>');    
}

或者像这样:

function create(options)
{
     $form = $('<form></form>');
     $form.attr('action',options.action); 
}

这可能是一个意见问题.我觉得第二种方式更清晰,但我怀疑效率较低......

Answer 1

检查一下,找出适合自己的方法.

注意越高越好(OPS/Sec =每秒操作数=给定代码每秒执行多少次)

而且除了Opera之外,其他浏览器中的测试赢家:

var form = document.createElement("form"),
    $form = $(form);
form.action = options.action;

注意:

如果您不需要jQuery对象,本机方法将更快:

var form = document.createElement("form");
form.action = options.action;

Answer 2

jQuery可以像下面的代码一样创建对象

$form = $('<form>', {action: 'my action'});

class是IE中的保留字,需要引用.查看保留字的完整列表:Javascript中的保留关键字