一.jQuery 的选择器
$('li:event') //找到li 标签的偶数项元素
$('li:odd') //找到li标签的奇数项元素
$('li:lt(3)') //找到第4个前面的标签(都不包括第四个)
$('li:gt(3)') //找到第4个后面的标签(都不包括第四个)
$('li:eq(3)') //找到第4个li标签
$('li:eq(3)').find('span').css('color','red')//找到第三个li里的所有span标签字体颜色变红
二.jQuery过滤
$('li a').filter('.a3') //可以筛选出含有class为a3的(符合条件的)元素
$('li a').not('.a3') //可以移除含有.a3的class属性.
$('li a').first() //获取第一个元素
$('li a').last() //获取最后一个元素
也可以使用截取函数slice
三.jQuery修改class类名
$('div').removeClass('on') //移除removeClass类名
$('div').addClass('on') //添加removeClass类名
$('div').toggleClass('on') // 自动查询类名,有则删除,无则添加,常用于点击事件
四.jQuery修改style样式
$('div').css('color','red') //单个属性
$('div').css({
'color':'red',
'backgroundColor':'#999',
'border':'2px solid blue'
}) //多个属性
五.元素的隐藏和显示 相当于加了个display
$('div').hide() //隐藏
$('div').show() //显示
六.jQuery修改DOM节点
$('li').wrap("") //给所有的li外层包裹一个div标签,可以给div设置样式来达到想要的效果
$('li').append('') //在匹配元素后添加一个标签