DOM(Document Object Model)是浏览器创建的树状结构,我们可以使用javascript快速地找到想要的HTML元素。浏览器加载HTML到DOM,一个HTML文档常见的结构如下:
<html>
<head>
<title>Title</title>
</head>
<body>
...content
</body>
</html>
在DOM中,HTML元素变成一个个与其他元素相关的节点。Javascript是一种开发人员与DOM交互的语言。对于不同的浏览器,它们的DOM接口会有稍稍不同的地方。假如我们的javascript使用jquery去与DOM交互,那么它在绝大数流行的浏览器都可以正常运行。jquery通过选择器来访问DOM,下面是几种选择器的使用实例。首先,我们可以HTML元素名称来选择。假如想选择DOM中的h1元素,只要使用jquery("h1")或$("h1"),后者$是jquery的所写。如果想要改变元素的值,可以使用text()方法。在这里需要注意,在使用jquery之前,我们应该保证DOM加载完所有的HTML元素。jquery是使用下面的代码来监听的
jQuery(document).ready(function(){
});
另外需要记住的是,在页面使用jquery前要引入下载的jquery脚本代码。
<html>
<head>
<title>Title</title>
</head>
<body>
...content
</body>
</html>
在DOM中,HTML元素变成一个个与其他元素相关的节点。Javascript是一种开发人员与DOM交互的语言。对于不同的浏览器,它们的DOM接口会有稍稍不同的地方。假如我们的javascript使用jquery去与DOM交互,那么它在绝大数流行的浏览器都可以正常运行。jquery通过选择器来访问DOM,下面是几种选择器的使用实例。首先,我们可以HTML元素名称来选择。假如想选择DOM中的h1元素,只要使用jquery("h1")或$("h1"),后者$是jquery的所写。如果想要改变元素的值,可以使用text()方法。在这里需要注意,在使用jquery之前,我们应该保证DOM加载完所有的HTML元素。jquery是使用下面的代码来监听的
jQuery(document).ready(function(){
});
另外需要记住的是,在页面使用jquery前要引入下载的jquery脚本代码。