jQuery 获取内容与属性
jQuery 包含更改和操作 HTML 元素和属性的强大方法。
jQuery 操作 DOM
jQuery 的一个非常重要的部分就是操作 DOM。
jQuery 附带了一系列与 DOM 相关的方法，使访问和操作元素和属性变得很容易。
DOM = Document Object ModelDOM 定义了访问 HTML 和 XML 文档的标准:"W3C文档对象模型（DOM）是一个平台和语言中立的界面，允许程序和脚本动态访问和更新文档的内容、结构和样式。"
获取内容 - text(), html(), 与 val()
下面是 3 种简单但有用的用于 DOM 操作的 jQuery 方法:
text()- 设置或返回选定元素的文本内容html()- 设置或返回选定元素的内容（包括 HTML 标记）val()- 设置或返回表单字段的值
下面的实例演示如何使用 jQuery 的 text() 和 html() 方法获取内容:
实例
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("#btn1").click(function(){alert("Text: " + $("#test").text());});$("#btn2").click(function(){alert("HTML: " + $("#test").html());});});</script></head><body><p id="test">这是一些段落中的 <b>加粗</b> 的文本</p><button id="btn1">显示文本</button><button id="btn2">显示 HTML</button></body></html>
下面的实例演示如何使用 jQuery 的 val() 方法获取输入字段的值:
实例
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("button").click(function(){alert("Value: " + $("#test").val());});});</script></head><body><p>名称: <input type="text" id="test" value="Mickey Mouse"></p><button>显示值</button></body></html>
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的实例演示如何获取链接中 href 属性的值:
实例
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("button").click(function(){alert($("#ms").attr("href"));});});</script></head><body><p><a href="https://cankaoshouce.com" id="ms">cankaoshouce.com</a></p><button>展示 href 的值</button></body></html>
下一章将讲解如何设置（更改）内容和属性值。
jQuery HTML 参考
有关所有 jQuery HTML 方法的完整概述，请访问本站的 jQuery HTML/CSS 参考。