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

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

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

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

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

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

<script type="text/javascript">

    $(function(){

        //找到文本框，并注册得到焦点事件

        $("input:text")focus(function(){

            //让当前得到焦点的文本框改变其背景色

            $(this)css("background","pink");

        });

        //找到文本框，并注册失去焦点事件

        $("input:text")blur(function(){

            //让当前失去焦点的文本框背景色变为白色

            $(this)css("background","white");

        });

    });

</script>

由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即： $("#id")[0]focus(); 需要注意两个函数之间的区别： $("#id")focus();  和 $("#id")[0]focus(); 第一个是增加onFocus()时间，一个是使DOM对象获得焦点。

怎样可以在“jquery”让文本框获取焦点时改变背景颜色？

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

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

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

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

5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色<script type="text/javascript"> $(funct  $("input:text")focus(function(){ //让当前得到焦点的文本框改变其背景色$(this)css("background","pink");}); //找到文本框，并注册失去焦点事件$("input:text")blur(function()//让当前失去焦点的文本框背景色变为白色$(this)css("background","white"); }); });</script>

$(function(){

$(":text")focus(function(){

thisselect();

});

});

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

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

2为文本框注册获得焦点事件，即focus事件。

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

4注册失去焦点事件，即blur事件。

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

<script type="text/javascript">

$(function(){

//找到文本框，并注册得到焦点事件。

$("input:text")focus(function(){

//让当前得到焦点的文本框改变其背景色。

$(this)css("background","pink");

});

//找到文本框，并注册失去焦点事件

$("input:text")blur(function(){

//让当前失去焦点的文本框背景色变为白色。

$(this)css("background","white");

});

});

</script>