10.jQuery选择器,过滤器,修改样式方法

一.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('') //在匹配元素后添加一个标签