Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 聚焦于文本字段背景颜色不变_Javascript_Html_Css - Fatal编程技术网

Javascript 聚焦于文本字段背景颜色不变

Javascript 聚焦于文本字段背景颜色不变,javascript,html,css,Javascript,Html,Css,嗨,这可能是一个愚蠢的问题,但当我点击一个文本字段时,我希望背景改变颜色,但我不明白为什么它不起作用 谁能告诉我哪里出了问题 代码如下 //JQUERY $(function() { $('input[type="text"]').focus(function() { $(this).addClass("focus"); }); $('input[type="text"]').blur(function() { $(

嗨,这可能是一个愚蠢的问题,但当我点击一个文本字段时,我希望背景改变颜色,但我不明白为什么它不起作用

谁能告诉我哪里出了问题

代码如下

//JQUERY
$(function() {

    $('input[type="text"]').focus(function() 
    {
        $(this).addClass("focus");
    });

    $('input[type="text"]').blur(function() 
    {
        $(this).removeClass("focus");
    });

})
)

HTML
//所有文本字段都是
键入文本
,当我检查它们时

您可以在CSS中这样做,而不需要jQuery(至少对于较新的主要浏览器)


:)

您可以在CSS中执行此操作,而不需要jQuery(至少对于较新的主流浏览器)


:)

我不知道为什么要在这里使用jQuery,完全可以使用CSS更改背景颜色

    input[type=text]:focus {
        border: 2px solid #AA88FF;
        background-color: #FFEEAA;
    }

我不知道为什么在这里使用jQuery,完全可以用CSS改变背景颜色

    input[type=text]:focus {
        border: 2px solid #AA88FF;
        background-color: #FFEEAA;
    }

似乎是jquery库的一个怪癖。尝试:

$(this).css({...})
而不是:

$(this).addClass(...)

它应该可以工作。

似乎是jquery库的一个怪癖。尝试:

$(this).css({...})
而不是:

$(this).addClass(...)

这应该行得通。

对我来说也不错:对我来说也不错:他找到了最好的方法。用jQuery这样做是没有必要的,绝对没有必要!jQuery在这里是不必要的。他找到了最好的方法。用jQuery这样做是没有必要的,绝对没有必要!这里不需要jQuery。