$(“<tag> </tag>”)和$('<tag>')之间有什么区别?</tag>

时间:2010-01-16 07:11:44

标签: jquery

从我正在阅读的代码的上下文中,似乎$("<tag></tag>")创建了一个标记,其中$('<tag>')是一个搜索标记的选择器。这里发生了什么?实际上我可能没有正确的第二个语法,但我确信我之前已经完成了$('idName')

发生了什么事?

3 个答案:

答案 0 :(得分:2)

创建一个元素:

$("<div>Hello</div>").appendTo("body"); // <body><div>Hello</div></body>

选择DIV:

$("div").addClass("myClass"); // <div></div> -> <div class='myClass'></div>

ID选择元素:

$("#myDiv"); // selects <div id='myDiv'>Hello World</div>

通过其class

$(".myDiv"); // selects <div class='myDiv'>Hello World</div>

答案 1 :(得分:2)

$("<tag></tag>")$("<tag>")以及$("<tag />")之间的差异是个人风格/偏好(除非您使用的是IE,显然。请参阅评论)。这三个都将使用本机createElement()方法创建一个now DOM元素。如果标签有参数,它将解析它们通过其他方式创建元素。

有关在此处创建内容的更多信息:http://api.jquery.com/jQuery/#jQuery2

要按ID选择元素,您需要使用$("#idName")

按标签名$("tag")选择现有元素。

按类名$(".className")选择现有元素。

有关选择内容的更多信息:http://api.jquery.com/jQuery/#jQuery1

答案 2 :(得分:0)

双引号和单引号之间没有区别。

Jonathan给出了一个很好的例子,说明了选择器和DOM元素创建之间的区别。也可以这样做:

创建一个元素:

$('<div></div>');
$("<div class='class1'></div>");
$('<div attrib="val"></div>');

选择DIV

$('div');

但是$('<tag>')不选择标签。请参阅docs