使用 createElement 和 setAttribute 创建HTML元素

在JavaScript中，我们可以使用 createElement 方法创建一个HTML元素。并且，我们可以使用 setAttribute 方法给HTML元素设置属性。

下面是一个例子：

// 创建一个 <div> 元素
let divElement = document.createElement('div');

// 给该元素设置id属性
divElement.setAttribute('id', 'myDiv');

以上代码将创建一个新的 <div> 元素，并且将它的 id 属性设置为 myDiv。

jQuery

在jQuery中，我们可以使用 $() 或者 jQuery() 来创建HTML元素，并且可以使用 .prop() 或者 .attr() 方法设置属性值。

下面是一个例子：

// 创建一个 <div> 元素
let divElement = $('<div>');

// 给该元素设置id属性
divElement.attr('id', 'myDiv');

以上代码也将创建一个新的 <div> 元素，并且将它的 id 属性设置为 myDiv。

区别

使用createElement和setAttribute方法会更加原生，而且写法较为冗长，但是如果你不依赖jQuery及其他库，这是一种可靠的方法。

使用jQuery则会更加简洁，而且更容易理解，特别是在需要操作DOM树时。但是，如果在大型应用程序中滥用jQuery，它可能会导致性能问题。

所以，两种方法都有其自身的优缺点，具体应该根据实际需求来选择使用哪种方法。