javascript - jQuery单击一些问题

我想单击li元素，并保持与hover元素相同。这是我的代码JSFIDDLE

jQuery的

$('ul > li').on('click', function(){
    $(this).css({
        border:2px solid #fff;
        height:22px;
        width:22px;
        transition: all 0.2s linear;
    })
})

最佳答案

单击时将唯一的类添加到li

的CSS

ul > li:hover, .hoverState{
    border:2px solid #fff;
    height:22px;
    width:22px;
    transition: all 0.08s linear;
}

JS

$('ul > li').on('click', function(){
    //remove hoverState class from other element if any
    $('ul > li').removeClass('hoverState');

    //add hoverState class to the clicked element
    $(this).addClass('hoverState');
})

这是FIDDLE

关于javascript - jQuery单击一些问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23454966/