1,DOM对象：在传统的javascript开发中，都是首先获取DOM对象。
document.getElementById（" "）;
document.getElementByTagName（" "）; 根据标签名获取DOM对象。
另外在事件函数中，可以通过在方法函数中使用this引用事件触发对象，或者使用even对象的targe或者srcElement获取到引发事件的Dom对象。
Dom对象的类型：input，div，span等等。Dom对象只有有限的属性和对象：
align appendChild attributes childNodes className cloneNode dir firstChild getAttribute getAttributeNode
2，jquery包装集：可以说是Dom对象的扩充，在jquery的世界中将所有的对象都封装成一个jquery包装集。
比如包含一个元素的jquery包装集：
var jqueryobject = $（"#testDiv"）
注意：jquery包装集都是作为一个对象一起调用的，jquery包装集拥有丰富的属性和方法：
ajaxStart ajaxStop ajaxSuccess andSelf append appendTo attr before bind
3，Dom对象和jquery对象的转换：
（1）Dom转jquery包装集：如果要使用jquery提供的函数，就要首先构造jquery包装集：
使用jquery选择器直接构造jquery包装集：$("#testDFiv"); 这里的包装集只有一个id是testDiv的元素。
或者：var div = document.getElementById（"testDiv"）;
var domToJqueryObject = $(div);
(2)jquery包装集转换Dom对象：
var domToJqueryObject = $("#testDiv")[0];
通过索引器返回的不再是jquery包装集，而是一个Dom对象。
可以通过each（）方法遍历集合：
$("#test").each(function(){alert(this)})
4，jquery选择器：
jquery提供了异常强大的选择器来帮助我们获取页面上的对象，并将对象以jquery包装集的形式返回。
#id：根据元素id选择 $("divid")选择id为divid的元素
element:根据元素的名称选择 $("a") 选择所有<a>元素
.class：根据元素的css类选择 $（".bgred"） 选择所用css为bgred的元素
*:选择所有元素 $(*)
selector1,select2,selectN:可以将几个选择器用顿号分隔开，然后在拼成一个选择器字符串，会同时选中这几个选择器匹配的内容。
$(""#divid,a, .bgred)
5,层次选择器（Hierarchy）：
