在前端开发中，document.createElement 是常见的创建 DOM 元素的方法。但是，在使用 jQuery 时，我们可能会用到其提供的一些辅助方法来创建元素。那么，这些 jQuery 提供的方法与 document.createElement 方法有何异同呢？
1. jQuery 中的 DOM 元素创建方法
1.1. $() 方法
$() 方法是 jQuery 最常用的一个方法之一，用于选取 DOM 元素或创建新的 DOM 元素。如果传入的参数是字符串，则会通过选择器选取对应的 DOM 元素；如果传入的参数是 HTML 字符串，则会将其转换为对应的 DOM 元素。
// 通过选择器选取 DOM 元素
let divs = $('div');
// 创建新的 DOM 元素
let newDiv = $('<div></div>');1.2. jQuery() 方法
jQuery() 方法可以看作是 $() 方法的别名。它也可以用于选取 DOM 元素或创建新的 DOM 元素。如果传入的参数是字符串，则会通过选择器选取对应的 DOM 元素；如果传入的参数是 HTML 字符串，则会将其转换为对应的 DOM 元素。
// 通过选择器选取 DOM 元素
let divs = jQuery('div');
// 创建新的 DOM 元素
let newDiv = jQuery('<div></div>');1.3. .html() 方法
.html() 方法用于设置或获取 DOM 元素的 HTML 内容。如果传入的参数是 HTML 字符串，则会将其作为元素的内容。
// 设置元素的 HTML 内容
$('div').html('<p>Hello, world!</p>');
// 获取元素的 HTML 内容
let html = $('div').html();1.4. .append() 方法
.append() 方法用于向 DOM 元素的末尾添加新的子元素。如果传入的参数是 HTML 字符串，则会将其转换为对应的 DOM 元素。
// 向元素添加新的子元素
$('div').append('<p>Hello, world!</p>');1.5. .appendTo() 方法
.appendTo() 方法用于将当前 jQuery 对象中的元素追加到指定的 DOM 元素中。
// 将当前 jQuery 对象中的元素追加到指定的 DOM 元素中
$('<p>Hello, world!</p>').appendTo('div');2. document.createElement 方法
document.createElement 是原生 JavaScript 提供的创建 DOM 元素的方法。它接收一个参数，表示要创建的元素的标签名。例如，要创建一个 <div> 元素，可以这样写：
let div = document.createElement('div');创建出来的 div 元素并没有被添加到文档中，需要使用其他 DOM 操作方法来将其添加到文档中。
3. jQuery 的 DOM 元素创建方法与 document.createElement 的异同
与 document.createElement 方法不同的是，jQuery 提供的 DOM 元素创建方法可以直接将 HTML 字符串转换为对应的 DOM 元素，并且支持链式调用。在实际开发中，使用 jQuery 提供的 DOM 元素创建方法可以减少代码量，提高编码效率。
相同之处在于，这些方法最终都是通过原生 JavaScript 的 createElement 方法来创建 DOM 元素的。
4. 总结与指导意义
$()方法和jQuery()方法可用于选取 DOM 元素或创建新的 DOM 元素。.html()方法用于设置或获取元素的 HTML 内容。.append()方法用于向元素的末尾添加新的子元素。.appendTo()方法用于将当前 jQuery 对象中的元素追加到指定的 DOM 元素中。- 使用 jQuery 提
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7299
