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"));
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。