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。