jquery 插件用于向 DOM 元素添加或删除类

jquery plug in to add or remove class to a dom element

本文关键字:添加 删除 元素 DOM 插件 用于 jquery      更新时间:2023-09-26

可以创建一个jquery插件,该插件允许在dom元素中添加或删除特定类,并在Complete上调用另一个函数。我这样做是为了避免使用此处解释的延迟:css3 和 jquery 加载页面滑块效果

我可以像这样使用的东西:

myFunction('#domElement', addClass/removeClass, classToAddOrRemove, callBackFunctionOnComplete);

我假设您正在使用 css 转换来执行此操作,那么为什么不删除该类,然后在运行回调之前检查所有转换事件是否完成。

http://jsfiddle.net/7cdh11qw/

var doClassyStuff = function(node, method, theClass, callback){
    $(node)[method](theClass);
    $(node).one("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
        callback();
    });
}
doClassyStuff('#domElement', 'removeClass', 'someClass', function(){
    console.log("class removed");
});