jQuery HTML元素选择器说明

时间:2012-12-26 02:29:19

标签: javascript jquery html jquery-selectors

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

  • $("span")
  • $("<span>")

我知道前者用于选择页面中提供的HTML标记类型的所有元素(在jQuery Element Selector documentation中指定)。我不确定后一个选择器是做什么的。

如果此问题重复,请道歉。如果是这样,请发布重复问题的URI。

2 个答案:

答案 0 :(得分:2)

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

<强> See this answer : jQuery document.createElement equivalent?

答案 1 :(得分:1)

第一个出去并找到所有现有的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");