『jQuery』.html(),.text()和.val()的概述及使用

当我们在使用jQuery进行DOM操作时，经常需要获取元素的内容或者进行内容的设置。此时，jQuery提供了一些简单易用的方法，包括了.html()、.text()以及.val()等，下面我将详细介绍它们的概述及使用。

一、.html()

.html() 方法用于获取或设置元素的 HTML 内容。当不传递任何参数给 .html() 方法时，它会返回被选元素的 HTML 内容，例如：

// 获取元素的HTML内容
var myHtml = $("p").html();
console.log(myHtml); // 输出p元素的HTML内容

// 设置元素的HTML内容
$("p").html("<strong>这是一个粗体文字</strong>");

可以看到，使用jQuery获取元素的HTML内容非常方便，只需要使用.html()方法即可。同时，我们还可以使用.html()方法来设置元素的HTML内容，只需要在方法中传入HTML字符串即可。

二、.text()

.text() 方法和 .html() 方法类似，但是它用于获取或设置元素的文本内容，而不是获取或设置HTML内容。当不传递任何参数给 .text() 方法时，它会返回被选元素的文本内容，例如：

// 获取元素的文本内容
var myText = $("p").text();
console.log(myText); // 输出p元素的文本内容

// 设置元素的文本内容
$("p").text("这是一个新的段落");

同样可以看到，使用jQuery获取元素的文本内容也非常容易，只需要使用.text()方法即可。同时，我们还可以使用.text()方法来设置元素的文本内容，只需要在方法中传入文本字符串即可。

三、.val()

.val() 方法用于获取或设置表单元素的值。当不传递任何参数给 .val() 方法时，它会返回被选元素的当前值，例如：

// 获取表单元素的值
var myValue = $("input").val();
console.log(myValue); // 输出input元素的值

// 设置表单元素的值
$("input").val("新的表单值");

相信大家使用jQuery操作表单元素比较多，此时.val()方法就可以派上用场了，非常方便地获取或者设置表单元素的值。

综上所述，.html()、.text()以及.val()方法是jQuery中非常实用的方法，可以方便地获取和设置元素的内容。在实际应用中，我们可以经常使用它们来进行DOM操作。