jQuery focus、blur事件添加、删除类名

最新推荐文章于 2022-04-25 09:37:48 发布

weixin_30725315

最新推荐文章于 2022-04-25 09:37:48 发布

阅读量181

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xingst/p/4955643.html

版权

jQuery.focusblur = function(ele,className){
    var focusblurid = $(ele);
    focusblurid.focus(function(){
        var attr = focusblurid.attr("data-class");
        if(!attr){
            focusblurid.parent().children().addClass(className);//根据自己需要添加类名
            focusblurid.attr("data-class",true);//添加自定义属性 判断是否类名存在
        }
    });
    focusblurid.blur(function(){
        var attr = focusblurid.attr("data-class");
        if(attr){
            focusblurid.parent().children().removeClass(className);
            focusblurid.removeAttr("data-class",true);
        }
    });
}
$.focusblur("#x_phone","x-name-fucus");//参数为 元素选择器名   添加的类名
$.focusblur("#x_pwd","x-pwd-fucus");