jQuery dom_get

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

jQuery DOM 操作

jQuery的一个非常重要的部分是可以操纵DOM.

jQuery有一堆DOM相关的方法，可以很容易地访问和操作的元素和属性.

DOM = Document Object Model

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

“W3C文档对象模型（DOM）是一个平台和语言无关的接口，允许程序和脚本动态访问和更新内容、结构、样式和文档。”

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

三简单的，但很有用，对DOM操作的jQuery方法:

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

让我试试

下一章解释如何设置（更改）内容和属性值。