<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'