最新的Web开发教程
 

jQuery - 获取内容和属性


jQuery的包含更改和操作HTML元素和属性强大的方法。


jQuery的DOM操作

jQuery的的一个非常重要的部分是操作DOM的可能性。

jQuery提供了一堆DOM相关的方法,这样更容易访问和操纵元素和属性。

DOM =文档对象模型

DOM定义了访问HTML和XML文档的标准:

“W3C文档对象模型(DOM)是一个平台和语言无关的接口,它允许程序和脚本动态访问和更新的内容,结构和文档的风格。”


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

三个简单,但有用的,jQuery方法对DOM操作是:

  • text() -设置或返回选定元素的文本内容
  • html() -设置或返回所选元素(包括HTML标记)的内容
  • val() -设置或返回表单字段的值

下面的例子演示了如何获取内容与jQuery的text()html()方法:

$("#btn1").click(function(){
    alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
});
试一试»

下面的例子演示了如何获得与jQuery的输入字段的值val()方法:

$("#btn1").click(function(){
    alert("Value: " + $("#test").val());
});
试一试»

获取属性- attr()

jQuery的attr()方法用来获得属性值。

下面的例子演示了如何获取的价值href的链接属性:

$("button").click(function(){
    alert($("#w3s").attr("href"));
});
试一试»

下一章介绍如何设置(其他城市)的内容和属性值。


自测练习用!

练习1» 练习2» 练习3» 练习4»


jQuery的HTML参考

对于所有的jQuery HTML方法的完整概述,请访问我们的jQuery HTML / CSS参考