jQuery - 获取内容和属性

原创于 2021-08-12 11:16:48 发布 · 395 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #java #javascript #html

jQuery学习专栏收录该内容

5 篇文章

订阅专栏

本文介绍了jQuery中用于获取元素内容和属性的方法，包括text()、html()、val()以及attr()。text()用于获取纯文本内容，html()获取包含HTML标记的内容，val()则用于表单字段的值。attr()方法则用来获取指定属性值，如链接的href属性。通过这些方法，开发者可以方便地操作和获取DOM元素的数据。

jQuery - 获取内容和属性

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() -设置或返回表单字段的值

实例

$("#btn1").click(function(){
  alert("Text: " + $("#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($("#runoob").attr("href"));
});

学习于菜鸟教程