javascript - 这些 Jquery 选择器是什么意思？

Question

我不明白这两行是什么意思:

var template = $("#" + model + " #grid #template").clone();
var templateHtml = $("#templatebody", template).html();

我无法理解这里的选择器。我知道 clone() 和 html() 的作用

Answer 1

$("#" + model + " #grid #template")

这是在元素 id grid 中寻找具有 template 的 id 的元素，在具有 id 的元素中 在 model 变量中设置。

例如，如果 model 是字符串:'container':

<div id="container">
    <div id="grid">
        <div id="template"></div> <!-- this div would be selected -->
    </div>
</div>

---

$("#templatebody", template)

这是一个“上下文”选择器；它正在寻找包含在 template 变量中的元素内的 #templatebody 元素。请注意，上下文选择器在这种情况下是无关紧要的，因为给定页面中应该只有一个元素具有一组 id。

例子

var template = $("#container"); // note - can also be a string: "#container"
$("#templatebody", template)

<div id="container">
    <div id="templatebody"></div> <!-- this div would be selected -->
</div>