jQuery拥有可操作HTML元素和属性的强大方法。
jQuery DOM操作
jQuery中非常重要的部分,就是操作DOM的能力。
jQuery提供一系列与DOM相关的方法,这使访问和操作元素和属性变得很容易。
lamp DOM=Document Object Model(文档对象模型)
DOM定义访问HTML和XML文档的标准:
“W3C文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。”
获得内容-text()、html()以及val()
三个简单实用的用于DOM操作的jQuery方法:
text()-设置或返回所选元素的文本内容
html()-设置或返回所选元素的内容(包括HTML标签)
val()-设置或返回表单字段的值
下面的例子演示如何通过jQuery text()和html()方法来获得内容:
实例
$("#btn1").click(function(){
alert("Text:"+$("#test").text());
});
$("#btn2").click(function(){
alert("HTML:"+$("#test").html());
});
http://www.jshk.com.cn/mb/reg.asp?kefu=xiaoding;//爬虫IP获取;
下面的例子演示如何通过jQuery val()方法获得输入字段的值:
实例
$("#btn1").click(function(){
alert("值为:"+$("#test").val());
});
获取属性-attr()
jQuery attr()方法用于获取属性值。
下面的例子演示如何获得链接中href属性的值:
实例
$(“button”).click(function(){
alert($(“#runoob”).attr(“href”));
});