javascript - jquery $ ('<script>' ) 是做什么的？

Question

我看到的是

var script = $("<script />", {
  src: "http://some-url",
  type: "application/json"
  }
);

这是一个关于 JSONP 的教程中使用的片段，用于添加对 head 元素的脚本引用(我完全理解)，但是我以前没有见过这样的 JQuery 表达式。

我经常看到$('some_css 选择器').some_method()...但是我不熟悉上面的语法。

我可以看到它正在构建一个设置了 src 和 type 属性的脚本选项卡，但我不熟悉此处使用的模式。

那么它到底在做什么，这个模式可以用来做其他事情吗？

Answer 1

它正在创建一个新元素并将其存储到一个变量中。例如，当您单击此处的按钮时，它将生成一个新的 div 元素并将其附加到页面中

$("#click").click(() => {
  var div = $("<div>", {
      class: "box",
    }
  );
  $("#container").append(div);
});

.box {
  width: 100px;
  height: 100px;
  background-color: blue;
}

.button {
  width: 50px;
  height: 50px;
  background-color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button" id="click"></button>
<div id="container"></div>