javascript - jQuery HTML 元素选择器说明

Question

我想知道这两个 jQuery 选择器有什么区别：

我知道前者用于选择页面中提供的 HTML 标记类型的所有元素（在jQuery 元素选择器文档中指定）。我不确定后一个选择器的作用。

抱歉，如果这个问题是重复的。如果是这样，请张贴重复问题的 URI。

score 2 · Accepted Answer

$("span") //Finds all span
$("<span>") //Create a span element

score 1 · Accepted Answer

第一个出去并找到所有现有span元素。第二个创建一个新span元素，包装在一个 jQuery 对象中。

$("span").css("color", "red"); // Make all current <span> elements red
$("<span>").text("Foo").appendTo("body"); // Create new <span>, add to <body>

两者都可以接受第二个参数。在第一个的情况下，第二个参数是上下文：

$("span", "#foo"); // Becomes $("#foo").find("span");

在第二种情况下，第二个参数是一个由属性组成的对象文字：

$("<span>", { 
    "html": "This is the HTML", 
    "class": "newSpan"
}).appendTo("body");

这类似于调用单独的方法来设置 html 和属性：

$("<span>")
    .html("This is the HTML")
    .attr("class", "newSpan")
    .appendTo("body");

2 回答 2