AI 中文社
Copyright © 2022-2025 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.5·
页面加载耗时 0.00 毫秒·物理内存 61.3MB ·虚拟内存 1302.3MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
jQuery 获得内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
1. jQuery DOM 操作
jQuery 中非常重要的部分，就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。
提示：DOM = Document Object Model（文档对象模型）
DOM 定义访问 HTML 和 XML 文档的标准：
“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”
2. 获得内容 - 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());
});
3. 获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值：
范例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
下一章：jQuery 设置内容和属性
1. 设置内容 - text()、html() 以及 val()；2. text()、html() 以及 val() 的回调函数。3. 设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值。4. attr() 的回调函数：jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。