Question

当我将它们悬停在HTML上时，如何选择元素。就像我徘徊一个div或它的孩子，然后我需要我控制它。我想在它周围显示边框。我的代码是

jQuery(document).ready(function(){
    $(window).bind('mousemove', function(e) {
        current_id = $(e.target).attr('id');
        jQuery('#'+current_id).css('border','2px solid yellow');        
    });
});

但是如果我悬停一个特定的div，这个代码将让我控制但是我需要我可以显示边框，即使我在一个div内盘旋同样如果该div包含一个孩子而不是悬停它我可以得到一个边界那个孩子不是那个父母。

Answer 1

如果您只想在页面上的任何元素上显示边框，您可能可以在没有JS的情况下执行此操作，仅使用CSS：

*:hover {
    border: 2px solid yellow;
}

（出于调试目的，最好使用outline代替border）

Answer 2

在所有hover元素上使用div事件。我创建了一个新类来轻松应用和删除应用的样式。如果需要将此样式应用于输入元素或跨度为例如，还可以添加更多选择器：

$('div, span, input').on('hover', ...);

<style>
    .myBorder{
        border : 2px solid yellow;
    }
</style>

$('div').on('hover', 
    function(e) {
        $(this).addClass('myBorder');
    },
    function(e){
        $(this).removeClass('myBorder');
    }
);

如何在悬停时选择元素

2 个答案: