在jQuery中使用动态标签名称创建html标签

Question

我想在我的函数中创建html标签，如下所示：

function createHtmlTag(tagName) {
    var newHtmlTag = $(tagName);
    return newHtmlTag;
}

但是，当我在页面中调用createHtmlTag('div') ，此函数将返回所有页面div标签。 我知道$(tagName)会导致此结果，但我需要此方法。 我可以通过以下方法解决此问题：

function createHtmlTagSecond(tagName) {
    var newHtmlTag = $('<' + tagName + '></' + tagName + '>');
    return newHtmlTag;
}

使用JavaScript

function createHtmlTagByJavaScript(tagName) {
    var newHtmlTag = document.createElement(tagName);
    return newHtmlTag;
}

我的问题

有没有一种更好的方法来使用jQuery而无需添加（ '<' ）之类的其他标记？

谢谢前进。

Answer 1

如果要使用jQuery，则无法避免使用<或> ，但是可以将其修整为var newHtmlTag = $('<' + tagName + '>');

此外，根据什么，使用jQuery创建HTML元素的最有效方法是什么？ 就性能而言，最好使用香草JS方法。

Answer 2

我找到了一种无需添加额外标记的方法（将createHtmlTagByJavaScript和createHtmlTag结合在一起）。

function creatHtmlTag(tagName) {
    var newHtmlTag = $(document.createElement(tagName));
    return newHtmlTag;
}