jQuery Dom操作

DOM是“Document Object Model”的缩写，DOM定义的一套操作处理的HTML/XML文档的标准。用白话来说，jQuery老仙可以对HTML页面中的各种HTML元素为所欲为，获得元素内容啊、删除元素啊、设置元素样式啊、添加新的元素啊……都可以。总之，jQuery老仙，法力无边！jQuery老仙为所欲为！

获得内容 - text(),html(),val()

下面的这三种方法比较常用：

• text() 获取或设置指定元素的文本内容
• html() 获取或设置指定元素的内容（这里指元素标签内的内容）
• val() 获取或设置指定表单元素的值

案例1：text()和html()演示

$("#btn1").click(function(){
    alert("text()结果为： " + $("#test").text());
});
$("#btn2").click(function(){
    alert("html()结果为：" + $("#test").html());
});

运行一下

案例2：val()方法演示

$("button").click(function(){
    alert("val()结果为： " + $("#nickname").val());
});

运行一下

获得元素属性取值 - attr()

通过jQuery的attr()方法可以获得指定HTML元素的某属性的取值。如下例所示，获得指定元素的href属性的值。

$("button").click(function(){
    alert( $("#zhuanfou").attr("href") );
});

运行一下