jQuery的$("#id")和document.getElementById("id")的区别

一直以来都误以为jQuery的$("#id")和document.getElementById("id")的作用是完全相同的。但后来发觉一些DOM操作jQuery尽然识别不了。例如：$("#id").style.width = "28";会提示你width没有定义不能赋值，我就纳闷了用document.getElementById("id").style.width
= "28",就可以，为什么jQuery不行。只能理解为jQuery不支持style这样设置。

后来才发觉，jQuery的选择器获取的元素是一个jQuery对象，而该对象是一个数组对象，其中很多的DOM属性都没有。我们可以通过下标来获取DOM对象，一般如果DOM对象存在的情况下，会在第一个数组元素位置。

即我们可以通过：$("#id")[0]来获取DOM对象。

而document.getElementById("id")返回的本身就是一个DOM对象，支持DOM对象的所有属性和操作，所以W3C的用法对它完全适合。