jQuery的包含更改和操作HTML元素和属性强大的方法。
jQuery的DOM操作
jQuery的的一个非常重要的部分是操作DOM的可能性。
jQuery提供了一堆DOM相关的方法,这样更容易访问和操纵元素和属性。
DOM =文档对象模型
DOM定义了访问HTML和XML文档的标准:
“W3C文档对象模型(DOM)是一个平台和语言无关的接口,它允许程序和脚本动态访问和更新的内容,结构和文档的风格。”
获取内容- text(), html()和val()
三个简单,但有用的,jQuery方法对DOM操作是:
- text() -设置或返回选定元素的文本内容
- html() -设置或返回所选元素(包括HTML标记)的内容
- val() -设置或返回表单字段的值
下面的例子演示了如何获取内容与jQuery的text()和html()方法:
例
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
试一试» 下面的例子演示了如何获得与jQuery的输入字段的值val()方法:
获取属性- attr()
jQuery的attr()方法用来获得属性值。
下面的例子演示了如何获取的价值href的链接属性:
下一章介绍如何设置(其他城市)的内容和属性值。
自测练习用!
jQuery的HTML参考
对于所有的jQuery HTML方法的完整概述,请访问我们的jQuery HTML / CSS参考 。