Menu
×
   ❮     
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()

用于 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"));
});
亲自尝试 »

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


jQuery 练习

通过练习测试自己

练习

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

$("div").();

开始练习


jQuery HTML 参考

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


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.