获取/设置 DOM 元素内容

JQuery提供了3个方法用于获取，设置DOM的内容：

• text() 设置或返回 所选元素的文本内容
• html() 设置或返回 所选元素的内容（包括 HTML 标记）
• val() 设置或返回 表单字段的 value 属性值

以下是使用示例：

<p>Are you OK</p>
<input type="text" value="Some for test">

//获取内容
var text = $("p").text();       //返回text = "Are you Ok"
var html = $("p").html();       //返回html = "<p>Are you OK</p>"
var value = $("input").val();   //范湖value = "Some for test"

//设置内容
$("p").text("Hello world");   
$("p").html("<h2>Hello world</h2>")；
$("input").val("Hello world");

获取/设置 DOM 元素属性

JQuery 提供了用于获取，修改 DOM 元素属性的方法：

• attr() 用于获取/设置 属性值

以下使用示例：

<a href="<http://iogame.assad.site>">Site</a>
......
//获取元素属性
var href = $("a").attr("href");       //返回 href = "<http://iogame.assad.site>"
//设置元素属性
$("a").attr("href","<https://www.baidu.com>");

添加 DOM 元素

Jquery提供了4个方法用于添加 DOM 元素：

• append() 在被选元素 内部的结尾插入指定内容
• prepend() 在被选元素 内部的开头插入指定内容