编写jQuery代码时这些方法之间的区别是什么

时间:2014-06-12 09:24:27

标签: jquery

你好我想知道用这些方法编写prependTo()和哪一个更好的区别

第一种方法:

$("<h1></h1>",
{
    text:"Login",
    class:"title"
}).prependTo("body");

第二种方法:

$("<h1 class='title'>Login</h1>").prependTo("body");

2 个答案:

答案 0 :(得分:3)

您提供的示例中与prependTo没有区别,区别在于您创建jQuery对象的方式。

第一种方法将相关属性传递给构造函数,而第二种方法只是将它们嵌入到HTML中。我认为从jQuery的角度来看,第一种方法更加优化,因为它不必从HTML中解析属性。

最终两个例子没有区别,最终结果也是一样。

答案 1 :(得分:2)

在第一种方式中,你明确设置html属性,这意味着你的h1将具有这些属性(类和文本),这样,它更容易用变量替换这些值并维护代码。

http://api.jquery.com/jquery/#jQuery-html-attributes

在第二个上,你是一个HTML字符串,一个jQuery类型。

http://api.jquery.com/Types/#htmlString

我个人推荐第一个,因为它更容易维护。