JQuery中的DOM操作

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()	将每个匹配的元素追加到指定元素中的内部的开始处