$("<p>") 和 $("p") 有什么区别 [重复]

Question

我们目前正在学校学习 jQuery，我不明白 $("<p>") 和 $("p") 之间的区别。虽然我知道$("p") 会搜索所有<p> 元素，但我在互联网上找不到任何关于$("<p>") 的信息。

这是我们从老师那里得到的代码：

var p = $("<p>").text("This is section " + ($("p").size() + 1))
.attr("align", "right").css("color", "blue");

Answer 1

$("<p>") 将创建一个段落元素并返回它，而$("p") 将选择 dom 中的所有段落元素并返回它。

var p = $("<p>").text("This is section " + ($("p").size() + 1))
.attr("align", "right").css("color", "blue");

这段代码可以像下面这样拆解，

var p = $("<p>"); //created a new Paragraph element
p.text("This is section " + ($("p").size() + 1)); //set text that displays the count of the created paragraph element.
p.attr("align", "right"); //set its attribute.
p.css("color", "blue"); //set its color.

还有你的老师，不建议你们使用.size()，因为它已经被弃用了。请改用.length。