概念
jQuery对象：
它是一个全局对象，可以简写为美元符号
$。在网页中加载jQuery函数库以后，就可以使用jQuery对象了。jQuery对象本质上是一个构造函数，主要作用是返回jQuery对象的实例。
var $div = $('div');
//此时的$div就是jQuery对象
DOM对象
用原生的javaScript方法（如getElementById等）获得的对象。
var oDiv = document.getElementsByTagName('div')
//此时的oDiv就是DOM对象
内在联系
DOM对象转换成jQuery对象
方法：$(DOM对象)
var oDiv = document.getElementsByTagName('div')
var $div = $(oDiv)
jQuery对象转换成DOM对象
-
jQuery对象是一个数据对象：使用[index]
var $div = $('#div1') var oDiv = $div[0] -
jQuery本身提供:使用.get(index)
var $div = $('#div1') var oDiv = $div.get(0)
DOM对象方法
| 方法 | 描述 |
|---|---|
| getElementById() | 返回带有指定 ID 的元素。 |
| getElementsByTagName() | 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 |
| getElementsByClassName() | 返回包含带有指定类名的所有元素的节点列表。 |
| appendChild() | 把新的子节点添加到指定节点。 |
| removeChild() | 删除子节点。 |
| replaceChild() | 替换子节点。 |
| insertBefore() | 在指定的子节点前面插入新的子节点。 |
| createAttribute() | 创建属性节点。 |
| createElement() | 创建元素节点。 |
| createTextNode() | 创建文本节点。 |
| getAttribute() | 返回指定的属性值。 |
| setAttribute() | 把指定属性设置或修改为指定的值。 |
jQuery实例对象的方法
- 结果集的过滤方法
first方法，last方法
next方法，prev方法
parent方法，parents方法，children方法
**siblings方法，nextAll方法，prevAll方法****
find方法，add方法，addBack方法，end方法
- DOM相关方法
html方法和text方法
addClass方法，removeClass方法，toggleClass方法
css方法
prop方法，attr方法
- 添加、复制和移动网页元素的方法
- append方法，appendTo方法
- after方法，insertAfter方法
- before方法，insertBefore方法
- remove方法，detach方法，replaceWith方法
- 动画效果方法
- animate方法
- stop方法，delay方法
具体的方法以及用法可以参照阮一峰老师的文档：JavaScript 标准参考教程（alpha）
——远方不远
