jQuery学习记录之HTML

获得HTML内容：

设置或返回文本内容：

$("#t").text()
可以设置或取得指定节点的文本内容

设置或返回表单字段的值：

$("#v").val()
获得输入字段的值

设置或返回全部内容（包括HTML标签）：

$("#h").html()
会连指定节点里的标签一起返回

（若要设置内容则直接在其中传参即可）

回调函数：

如：

$("#btn1").click(function(){
    $("#test1").text(function(i,origText){
        return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")"; 
    });
});

传入的参数 i 为被选元素列表中当前元素的下标
origText 为原始的值（以前的值），返回的是新值

获取属性值：

$("#r").attr("href")
获得指定id中href的属性值

也可以设置：
$("#runoob").attr("href","http://www.runoob.com/jquery");
或者同时设置多个属性：

 $("#runoob").attr({
        "href" : "http://www.runoob.com/jquery",
        "title" : "jQuery 教程"
    });

追加元素：

被选元素结尾追加：

$("p").append("追加文本");

开头追加：

$("p").prepend("在开头追加文本");

被选元素之后插入：

$("img").after("在后面添加文本");

被选元素之前插入：

$("img").before("在前面添加文本");

删除元素：

删除被选元素以及其所有子元素：

$("#div1").remove();

可以传递一个 id 或者 class 或者指定的标签，表明该标签所对应的节点被过滤，不会被删除

删除被选元素的所有子元素：

$("#div1").empty();

CSS相关方法：

添加CSS：

$("h1,h2,p").addClass("blue");
$("div").addClass("important");

删除指定class的属性：

$("h1,h2,p").removeClass("blue");

css()方法：

设置指定节点的CSS属性：

$("p").css("background-color","yellow");
第一个值为属性，第二个值为属性的值