$（“<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。