JQuery有强大的方法来操作HTML元素和属性。
jQuery DOM 操作JQuery DOM操作
jQuery非常重要的一部分是操纵DOM的能力。
JQuery提供了一系列与DOM相关的方法,使得访问和操作元素和属性变得容易。
获取内容–文本()、html()和val()
DOM操作的三种简单实用的jQuery方法:
text() – 设置或返回所选元素的文本内容html() – 设置或返回所选元素的内容(包括 HTML 标记)val() – 设置或返回表单字段的值
以下示例演示了如何通过jQuery text()和html()方法获取内容:
例子
$(“# btn1 & # 8221).单击(function(){ alert(“正文:”+ $(“#测试”).text());});$(“# btn2 & # 8221).单击(function(){ alert(“HTML:”+ $(“#测试”).html());});
试一试
以下示例演示了如何通过jQuery val()方法获取输入字段的值:
例子
$(“# btn1 & # 8221).单击(function(){ alert(“值为:”+ $(“#测试”).val());});
获取属性–属性()
jQuery attr()方法用于获取属性值。
下面的示例演示如何获取链接中href属性的值:
例子
$(“巴顿”).单击(function(){ alert($(“# runoob & # 8221).attr(“href & # 8221));});
如果你还是不明白,可以在下面给我留言或者和我讨论QQ群308855039。让我们一起飞吧!
DOM =文档对象模型
DOM定义了访问HTML和XML文档的标准:
“W3C文档对象模型独立于平台和语言接口,允许程序和脚本动态访问和更新文档的内容、结构和样式。”
本文来自手牵手我们一起走过投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/543784.html