jquery对象和dom对象区别

[code]<div class=\"div1\">    <div class=\"children\"></div>    <div class=\"children\">更改字体颜色</div>    <div class=\"children\"></div></div>

jquery选取第二个子div，更改字号及颜色

[code]$(\'.children\').eq(1).css({\'font-size\': \'16px\', \'color\': \'red\'})

或者

[code]$(\'.children:eq(1)\').css({\'font-size\': \'16px\', \'color\': \'red\'})

dom选取第二个子div，更改字号及颜色

[code]$(\'.children\').eq(1)[0].style.color = \'green\'$(\'.children\').eq(1)[0].style.fontSize= \'12px\'

或者

[code]$(\'.children:eq(1)\')[0].style.color = \'green\'$(\'.children:eq(1)\')[0].style.fontSize= \'12px\'

总结

用$选取的是jquery对象，可以用css(),addClass(),removeClass()等jquery方法,有xx.length属性；

dom对象是jquery对象指定下标，增加类：domxxx.classList.add(\’class1\’) || domxxx.className += \’ class2\’