设置内容 - 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>");/*html内容修改*/
});

$("#btn3").click(function(){
  $("#test3").val("Dolly Duck");/*表单值修改*/
});

        设置属性 - attr()

        jQuery attr() 方法也用于设置/改变属性值。

        下面的例子演示如何改变（设置）链接中 href 属性的值：

/*修改单个属性*/
$("button").click(function(){
  $("#w3s").attr("href","http://www.w3s.com.cn/jquery");
});

/*修改多个属性*/
$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3s.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
});