一.jQuery 的選擇器
$('li:event') //找到li 標(biāo)簽的偶數(shù)項(xiàng)元素
$('li:odd') //找到li標(biāo)簽的奇數(shù)項(xiàng)元素
$('li:lt(3)') //找到第4個前面的標(biāo)簽(都不包括第四個)
$('li:gt(3)') //找到第4個后面的標(biāo)簽(都不包括第四個)
$('li:eq(3)') //找到第4個li標(biāo)簽
$('li:eq(3)').find('span').css('color','red')//找到第三個li里的所有span標(biāo)簽字體顏色變紅
二.jQuery過濾
$('li a').filter('.a3') //可以篩選出含有class為a3的(符合條件的)元素
$('li a').not('.a3') //可以移除含有.a3的class屬性.
$('li a').first() //獲取第一個元素
$('li a').last() //獲取最后一個元素
也可以使用截取函數(shù)slice
三.jQuery修改class類名
$('div').removeClass('on') //移除removeClass類名
$('div').addClass('on') //添加removeClass類名
$('div').toggleClass('on') // 自動查詢類名,有則刪除,無則添加,常用于點(diǎn)擊事件
四.jQuery修改style樣式
$('div').css('color','red') //單個屬性
$('div').css({
'color':'red',
'backgroundColor':'#999',
'border':'2px solid blue'
})? ? ? ? ? ? ? ? ? ? ? ? //多個屬性
五.元素的隱藏和顯示 相當(dāng)于加了個display
$('div').hide() //隱藏
$('div').show() //顯示
六.jQuery修改DOM節(jié)點(diǎn)
$('li').wrap("") //給所有的li外層包裹一個div標(biāo)簽,可以給div設(shè)置樣式來達(dá)到想要的效果
$('li').append('') //在匹配元素后添加一個標(biāo)簽
