三个简单实用的用于 DOM 操作的 jQuery 方法讲解

获得内容 - text()、html() 以及 val()

三个简单实用的用于 dom 操作的 jquery 方法：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 html 标记）

val() - 设置或返回表单字段的值

获取属性 - attr()

jquery attr() 方法用于获取属性值。

设置内容 - text()、html() 以及 val()

我们将使用前一章中的三个相同的方法来设置内容：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 html 标记）

val() - 设置或返回表单字段的值

下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：

实例

$("#btn1").click(function(){    $("#test1").text("hello world!");});$("#btn2").click(function(){    $("#test2").html("<b>hello world!</b>");});$("#btn3").click(function(){    $("#test3").val("runoob");});