简介
jQuery `text()` 方法用于获取或设置匹配元素中所有文本节点的文本内容。它是一个非常有用的函数,可用于各种文本操作任务,例如获取或设置元素的文本内容、复制文本、从元素中删除文本,或在元素中插入文本。
多级标题
获取文本内容
要获取匹配元素中所有文本节点的文本内容,请使用以下语法:``` $(selector).text(); ```例如:``` $("p").text(); ```这将获取所有 `
` 元素中包含的文本内容。
设置文本内容
要设置匹配元素中所有文本节点的文本内容,请使用以下语法:``` $(selector).text(newText); ```例如:``` $("p").text("Hello World!"); ```这将用 "Hello World!" 替换所有 `
` 元素中的现有文本内容。
详细说明
`text()` 方法也可以用于更高级的操作,例如:
复制文本:
使用 `text()` 方法获取文本内容,然后使用 `val()` 方法将其粘贴到另一个元素中。
从元素中删除文本:
使用 `text('')` 方法删除元素中的所有文本内容。
在元素中插入文本:
使用 `text()` 方法并在字符串中包含 HTML 片段以插入文本和 HTML 元素。
示例
``` // 获取文本内容 var text = $("p").text();// 复制文本内容 $("input").val(text);// 删除文本内容 $("p").text('');// 插入文本和 HTML $("div").text("
Hello World!
This is a paragraph.
"); ```注意:
`text()` 方法不影响元素的 HTML 代码,它只影响文本内容。
`text()` 方法可以获取和设置文本节点中的文本内容,但它不会获取或设置元素属性或事件处理程序。
**简介**jQuery `text()` 方法用于获取或设置匹配元素中所有文本节点的文本内容。它是一个非常有用的函数,可用于各种文本操作任务,例如获取或设置元素的文本内容、复制文本、从元素中删除文本,或在元素中插入文本。**多级标题****获取文本内容**要获取匹配元素中所有文本节点的文本内容,请使用以下语法:``` $(selector).text(); ```例如:``` $("p").text(); ```这将获取所有 `
` 元素中包含的文本内容。**设置文本内容**要设置匹配元素中所有文本节点的文本内容,请使用以下语法:``` $(selector).text(newText); ```例如:``` $("p").text("Hello World!"); ```这将用 "Hello World!" 替换所有 `
` 元素中的现有文本内容。**详细说明**`text()` 方法也可以用于更高级的操作,例如:* **复制文本:**使用 `text()` 方法获取文本内容,然后使用 `val()` 方法将其粘贴到另一个元素中。 * **从元素中删除文本:**使用 `text('')` 方法删除元素中的所有文本内容。 * **在元素中插入文本:**使用 `text()` 方法并在字符串中包含 HTML 片段以插入文本和 HTML 元素。**示例**``` // 获取文本内容 var text = $("p").text();// 复制文本内容 $("input").val(text);// 删除文本内容 $("p").text('');// 插入文本和 HTML $("div").text("
Hello World!
This is a paragraph.
"); ```**注意:*** `text()` 方法不影响元素的 HTML 代码,它只影响文本内容。 * `text()` 方法可以获取和设置文本节点中的文本内容,但它不会获取或设置元素属性或事件处理程序。