jQuery 中的 DOM 操作
一.介绍
1.概念:
•DOM(Document Object Model—文档对象模型):一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件。
2.DOM操作的分类:
–DOM Core:
DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它。
它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML。
–HTML DOM: 使用 JavaScript 和 DOM 为 HTML 文件编写脚本时, 有许多专属于 HTML-DOM 的属性。
–CSS-DOM:针对于 CSS 操作, 在 JavaScript 中, CSS-DOM 主要用于获取和设置 style 对象的各种属性。
二.应用
1.查找节点:
–查找属性节点: 通过 jQuery 选择器完成。
–操作属性节点: 查找到所需要的元素之后, 可以调用 jQuery 对象的 attr() 方法来获取它的各种属性值。
–操作文本节点:通过 text() 方法。
2.插入节点:
方法 | 描述 |
append() | 向每个匹配的元素的内部的结尾处追加内容 |
appendTo() | 将每个匹配的元素追加到指定元素中的内部的结尾处 |
prepend | 向每个匹配的元素的内部的开始处插入内容 |
prependTo() | 将每个匹配的元素追加到指定元素中的内部的开始处 |