JavaScript强化教程——jQuery - 获得内容和属性

本文为H5EDU机构官方HTML5培训教程，主要介绍：JavaScript强化教程——jQuery-获得内容和属性

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

jQueryDOM操作

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

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

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

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

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

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

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

text()-设置或返回所选元素的文本内容

html()-设置或返回所选元素的内容（包括HTML标记）

val()-设置或返回表单字段的值

下面的例子演示如何通过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"));});

JavaScript强化教程——jQuery-获得内容和属性