jquery对象和dom对象区别

<div class="div1">

    <div class="children"></div>

    <div class="children">更改字体颜色</div>

    <div class="children"></div>

</div>

 

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

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

或者

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

 

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

$('.children').eq(1)[0].style.color = 'green'

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

或者

$('.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'