jQuery 包含用于更改和操作 HTML 元素和属性的强大方法。
jQuery 的一个非常重要的部分是可以操作 DOM。
jQuery 附带了一系列 DOM 相关方法,可以轻松访问和操作元素和属性。
DOM = 文档对象模型
DOM 定义了访问 HTML 和 XML 文档的标准:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
用于 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()
方法:
jQueryattr()
方法用于获取属性值。
以下示例演示如何获取链接中 href 属性的值:
下一章解释如何设置(更改)内容和属性值。
有关所有 jQuery HTML 方法的完整概述,请访问我们的jQuery HTML/CSS 参考。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!