JQuery设置内容与属性

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

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

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

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

主要代码如下图所示：

$(document).ready(function(){
		$("#btn1").click(function(){
		    $("#test1").text("Hello world!");
		});
		$("#btn2").click(function(){
		    $("#test2").html("<b>Hello world!</b>");
		});
		$("#btn3").click(function(){
		    $("#test3").val("Dolly Duck");
		});
	    });

注：在其中需要引入jQuery代码

HTML代码如下所示：

<p id="test1">这是段落</p>
<p id="test2">这是另一个段落</p>
<p>
    <input type="text" id="test3" value="Mickey Mouse">
 </p>
<button type="button" id="btn1">设置文本</button>
<button type="button" id="btn2">设置HTML</button>
<button type="button" id="btn3">设置值</button>

运行效果如下图所示：

点击按钮运行后代码如下图所示：