任何$()
获取的都是jQueay对象 ,它是所有jQuery的方法 ,但是没有节点的方法和属性。
所以在使用时候,尤其是改变节点样式时候应该尤为注意。
如果想改变某些标签的样式,可以这么做:
$('p').css({
color: 'red',
fontSize: '20px'
})
如果想改变某一个标签的样式,可以这么做:
方法 1:
$('body p:nth-child(1)').css({
color: 'pink'
})
方法 2:
通过eq方法获取,什么是eq方法?指的是:第几个满足条件的jq对象,通常称为:链式调用
$('p').eq(1).css({
color: 'green'
})
方法3:(区分于方法1和方法2,上面的方法可以直接批量改样式,而下面两种是现在它转为节点再改变样式)
$('p').get(0).style.color='green'
方法4:
$('p')[0].style.color='green'
方法3和方法4更像源生js的方式去改变节点的样式
jq对象和节点对象之间的相互转换
jq对象转节点对象:
方法1:$('p').get(0)
方法2:$('p')[0]