一.jQuery 的選擇器

$('li:event') //找到li 標(biāo)簽的偶數(shù)項(xiàng)元素

$('li:odd') //找到li標(biāo)簽的奇數(shù)項(xiàng)元素

$('li:lt(3)') //找到第4個(gè)前面的標(biāo)簽(都不包括第四個(gè))

$('li:gt(3)') //找到第4個(gè)后面的標(biāo)簽(都不包括第四個(gè))

$('li:eq(3)') //找到第4個(gè)li標(biāo)簽

$('li:eq(3)').find('span').css('color','red')//找到第三個(gè)li里的所有span標(biāo)簽字體顏色變紅

二.jQuery過濾

$('li a').filter('.a3') //可以篩選出含有class為a3的(符合條件的)元素

$('li a').not('.a3') //可以移除含有.a3的class屬性.

$('li a').first() //獲取第一個(gè)元素

$('li a').last() //獲取最后一個(gè)元素

也可以使用截取函數(shù)slice

三.jQuery修改class類名

$('div').removeClass('on') //移除removeClass類名

$('div').addClass('on') //添加removeClass類名

$('div').toggleClass('on') // 自動(dòng)查詢類名,有則刪除,無則添加,常用于點(diǎn)擊事件

四.jQuery修改style樣式

$('div').css('color','red') //單個(gè)屬性

$('div').css({

'color':'red',

'backgroundColor':'#999',

'border':'2px solid blue'

})? ? ? ? ? ? ? ? ? ? ? ? //多個(gè)屬性

五.元素的隱藏和顯示 相當(dāng)于加了個(gè)display

$('div').hide() //隱藏

$('div').show() //顯示

六.jQuery修改DOM節(jié)點(diǎn)

$('li').wrap("") //給所有的li外層包裹一個(gè)div標(biāo)簽,可以給div設(shè)置樣式來達(dá)到想要的效果

$('li').append('') //在匹配元素后添加一個(gè)標(biāo)簽