jQuery提供了一些方法,例如 attr() 、 html() 、 text() 和 val() ,它们充当了HTML文档中内容的获取器和设置器。
jQuery提供了 html() 和 text() 方法来提取匹配的HTML元素的内容。以下是这两种方法的语法:
$(selector).html();
$(selector).text();
text() 方法返回内容的纯文本值,而 html() 方法返回带有HTML标签的内容。您需要使用jQuery选择器来选择目标元素。
以下示例演示了如何使用jQuery的text()
和html()
方法获取内容:
jQuery示例
The quick brown fox jumps over the lazy dog
jQuery的 val() 方法用于从任何表单字段中获取值。以下是该方法的简单语法。
$(selector).val();
以下是另一个示例,展示如何使用jQuery方法 val() 获取输入字段的值。
jQuery示例
姓名:
班级:
jQuery html() 和 text() 方法可用于设置匹配的HTML元素的内容。在使用这两个方法设置值时,以下是它们的语法:
$(selector).html(值, [函数]);
$(selector).text(值, [函数]);
这里的 值 是要为元素设置的HTML或文本内容。我们可以为这些方法提供可选的回调函数,当元素的值被设置时调用该函数。
jQuery text() 方法设置纯文本内容的值,而 html() 方法设置带有HTML标签的内容。
以下示例演示如何使用jQuery的 text()
和 html() 方法:
jQuery示例
点击任意两个按钮即可查看结果
jQuery val() 方法还可用于设置任何表单字段的值。以下是当使用该方法设置值时的简单语法。
$(selector).val(val);
这里的 val 是要为输入字段设置的值。我们可以提供一个可选的回调函数,当字段的值被设置时将被调用。
下面是另一个示例,展示如何使用 jQuery 方法 val() 设置字段的值:
The jQuery Example
Name:
Class:
jQuery的 replaceWith() 方法可用于将一个完整的DOM元素替换为另一个HTML或DOM元素。方法的语法如下:
$(selector).replaceWith(值);
这里的 值 是你想要用来替换原始元素的内容。可以是HTML或纯文本。
下面是一个示例,我们将用元素替换
元素,然后进一步用
元素替换
元素。
jQuery示例
点击下面的按钮来替换我