菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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("文本: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});
自己动手试一试 »

以下示例演示了如何使用 jQuery 的 val() 方法获取输入字段的值

示例

$("#btn1").click(function(){
  alert("值: " + $("#test").val());
});
自己动手试一试 »


获取属性 - attr()

jQuery 的 attr() 方法用于获取属性值。

以下示例演示了如何获取链接中 href 属性的值

示例

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

下一章将解释如何设置(更改)内容和属性值。


jQuery 练习

通过练习来测试自己

练习

使用 jQuery 方法返回一个 <div> 元素的文本内容。

$("div").();

开始练习


jQuery HTML 参考

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


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持