返回宝典

jQuery 获取

上一节 下一节

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") );
});

运行一下


jQuery 获取

上一节 下一节