jq實現鼠標點擊效果 當前位置

效果圖


wKioL1ZdD3mS_jdeAAD9lnNKei8144.jpg



jq代碼

$( '.meitilist > li' ).each(function(){


$( this ).click( function(){

$( '.meitilist > li' ).removeClass('liacitve');

$( this ).addClass( 'liacitve' );

} )

})


解析:

針對class類,meitilist,元素li起作用,鼠標點擊的時候給meitilist > li 增加樣式liacitve

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章