$('#id')与document.getElementById( id )

     jQuery选择器 $(#id) 返回的是jquery对象;

    用document.getElementById( id )返回的是DOM对象。

      （1）jquery对象可以使用两种方式转换为DOM对象， [ index ] 和 .get( index )

                      $(#id)[0]   得到DOM对象

                      $(#id).get( 0 )  ---->  DOM对象

 

        （2）DOM对象转成jquery对象：

                   $(DOM对象）

          用Jquery的时候，用.each()可以遍历包装集里面的DOM对象

方法调用注意区分大小写：

Document 对象方法

方法	描述
close()	关闭用 document.open() 方法打开的输出流，并显示选定的数据。
getElementById()	返回对拥有指定 id 的第一个对象的引用。
getElementsByName()	返回带有指定名称的对象集合。
getElementsByTagName()	返回带有指定标签名的对象集合。
open()	打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write()	向文档写 HTML 表达式 或 JavaScript 代码。
writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

http://www.w3school.com.cn/jsref/dom_obj_document.asp