httplibsbaiducomjquery190jqueryjsr
r
jQuery对象与DOM对象是不一样的r
1通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象r
2jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOMr
3通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短r
r
jQuery对象转化成DOM对象r
jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery的同时也能混合JavaScript原生代码一起使用。通过jQuery生成的对象是一个做了包装处理的对象，如果要用jQuery对象自己的方法，就需要满足这个对象是通过jQuery生成的。在很多场景中，我们需要jQuery与DOM能够相互的转换，它们都是操作的DOM元素，jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。r
r
利用数组下标的方式读取到jQuery中的DOM对象r
HTML代码r
div元素一divr
div元素二divr
div元素三divr
r
JavaScript代码r
vardivdivjQuery对象r
vardivdiv0转化成DOM对象或vardivdivget0r
divstylecolorred操作dom对象的属性r
r
r
DOM对象转化成jQuery对象r
相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。参数是一个多功能的方法，通过传递不同的参数而产生不同的作用。r
如果传递给DOM函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象r
vardivdocume
tgetEleme
tsByTagNamedivdom对象r
vardivdivjQuery对象r
varfirstdivfirst找到第一个div元素r
firstcsscolorred给第一个元素设置颜色r
r
r
r
r
id选择器r
id选择器：一个用来查找的ID，即元素的id属性r