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

你可能感兴趣的:(function,元素,效果图)