javascript - 这个疯狂的 jQuery 选择器相当于什么？

Question

我正在尝试将一些 jQuery 转换为 vanilla JavaScript，但这只是让我难过：

$('<span>[<a href="#" id="addlink">Add</a>]</span>')

标签： javascriptjquerycss

Answer 1

它不是一个选择器，它从这个标记创建 DOM 元素并将其包装在一个 jQuery 对象中。请参阅文档。

const $el = $('<span>[<a href="#" id="addlink">Add</a>]</span>');
console.log( $el.html() );
$("body").append( $el );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

所以香草等价物是

const span = document.createElement("span");
const a = document.createElement("a");
a.href = "#";
a.id = "addlink";
a.textContent = "Add";
span.append( "[", a, "]" );

document.body.append( span );