在前端开发中，操作 DOM 是一个非常常见的需求。而 jQuery 的出现，则大大简化了 DOM 操作的流程。本文将介绍 jQuery 中如何创建、添加和修改文本节点的方法。
创建文本节点
要创建一个文本节点，可以使用 jQuery() 函数，然后传入包含文本内容的字符串作为参数。例如：
----- -------- - ------------ -------
这样就创建了一个文本节点，并将其赋值给了变量 textNode。需要注意的是，jQuery() 函数返回的是一个 jQuery 对象，而不是一个 DOM 节点对象。如果需要获取文本节点对象，在 jQuery 对象上调用 .get() 方法即可：
----- -------- - ------------ --------------
添加文本节点
append() 和 appendTo()
要在某个元素内部添加一个文本节点，可以使用 .append() 方法或 .appendTo() 方法。两者的区别在于，.append() 方法是将要添加的元素作为参数传入，而 .appendTo() 方法是将当前 jQuery 对象添加到目标元素中。
例如：
---- ---------------------
----- --------- - --------------------- ------------------------- -----------
这样就在 #container 元素内部添加了一个段落元素，其中包含了文本内容。
prepend() 和 prependTo()
类似地，如果需要在某个元素内部的开头添加一个文本节点，可以使用 .prepend() 方法或 .prependTo() 方法。
例如：
---- ---------------------
----- --------- - --------------------- -------------------------- -----------
这样就在 #container 元素内部的开头添加了一个段落元素，其中包含了文本内容。
修改文本节点
text()
要修改一个文本节点的内容，可以使用 .text() 方法。例如：
---- ------------------- ----------
----- --------- - --------------------- ------------------- -------
这样就将 #container 元素内部的文本内容从 "Some text" 修改为 "New text" 了。
html()
类似地，如果需要修改一个元素内部的 HTML 内容，可以使用 .html() 方法。例如：
---- ---------------------- --------------
----- --------- - --------------------- ---------------------- -----------
这样就将 #container 元素内部的 HTML 内容替换成了一个新的段落元素。
总结
本文介绍了 jQuery 中如何创建、添加和修改文本节点的方法。需要注意的是，.append()、.appendTo()、.prepend() 和 .prependTo() 方法都是操作当前 jQuery 对象所表示的元素的内部内容。而 .text() 和 .html() 方法则是直接修改当前 jQuery 对象所表示的元素的文本内容或 HTML 内容。这些方法都非常方便易用，可以大大简化前端开发中的 DOM 操作流程。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29209