好资源导航 » 文章资讯 » JQuery获得内容和属性方法解析

JQuery获得内容和属性方法解析

2023-07-23 23:57:04 336

jQuery拥有可操作HTML元素和属性的强大方法。

jQueryDOM操作

jQuery中非常重要的部分，就是操作DOM的能力。

jQuery提供一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。

提示：DOM=DocumentObjectModel（文档对象模型）

DOM定义访问HTML和XML文档的标准：

“W3C文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”

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

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

下面的例子演示如何通过jQuerytext()和html()方法来获得内容：

实例

$("#btn1").click(function(){
alert("Text:"+$("#test").text());
});
$("#btn2").click(function(){
alert("HTML:"+$("#test").html());
});

下面的例子演示如何通过jQueryval()方法获得输入字段的值：

实例

$("#btn1").click(function(){
alert("Value:"+$("#test").val());
});

获取属性-attr()

jQueryattr()方法用于获取属性值。

下面的例子演示如何获得链接中href属性的值：

实例

$("button").click(function(){
alert($("#w3s").attr("href"));
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。