JQuery文本框 获得焦点 背景颜色改变

2024-11-03 05:56:47
推荐回答(2个)
回答1:

1、先使用jQuery选择器找到所有的文本框

2、为文本框注册获得焦点事件,即focus事件

3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色

4、注册失去焦点事件,即blur事件

5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色


    $(function(){
        //找到文本框,并注册得到焦点事件
        $("input:text").focus(function(){
            //让当前得到焦点的文本框改变其背景色
            $(this).css("background","pink");
        });
        //找到文本框,并注册失去焦点事件
        $("input:text").blur(function(){
            //让当前失去焦点的文本框背景色变为白色
            $(this).css("background","white");
        });
    });

回答2:

$(":text").focus(function () { $(this).css("background", "red"); }).blur(function () { $(this).css("background", "#fff"); })