jquery全局hover方法，支持全局调用

最新推荐文章于 2022-05-16 12:42:59 发布

原创最新推荐文章于 2022-05-16 12:42:59 发布 · 636 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #div #css3 #html #css

div+css 同时被 3 个专栏收录

89 篇文章

订阅专栏

jquery

39 篇文章

订阅专栏

html5+css3

25 篇文章

订阅专栏

本文介绍了一个自定义的jQuery方法obj2hover(),该方法允许开发者轻松地为页面上的多个元素添加hover效果,支持全局调用,简化了DOM元素的hover状态管理。

jquery全局hover方法，支持全局调用

$.fn.obj2hover = function(){
    var items = $(this);
    $.each(items, function(index, item){
        $(item).hover(function(){
            $(this).addClass("hover");
        }, function(){
            $(this).removeClass("hover");
        });
    });
};
$(document).ready(function(){
	$(".list li").obj2hover();
});