Question

您好我在大多数列上都有一个包含搜索字段的表格。

我想使用jQuery让搜索字段的背景在输入一个术语时改变颜色，即当它不为空或零时改变颜色或者具有0个字符的数量并且保持更改一段时间因为该字段具有搜索词。

应更改背景颜色的字段类是

class="ui-state-default ui-th-column ui-th-ltr"

我理解惯例是要开始使用一些代码，但我对jQuery非常非常新。

CSS：

field.data {
    background-color: green;
}

脚本

jQuery(document).ready(function(){

//test if field tagged with class contains anything
//if it does set background
//if it doesn't unset background

});

Answer 1

试试这个

＆＃13;

.data {
  background-color: green;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" class="ui-state-default ui-th-column ui-th-ltr" />

＆＃13;

height:100%

＆＃13;

Answer 2

使用

$('selector').css('background-color','colorvalue');

改变颜色

Answer 3

希望这很好用

jQuery(document).ready(function(){

//test if field tagged with class contains anything
if($('selector').hasCLass('class-name')){
     if($(this).val()!=""){
    //if it does set background
    $(this).css('background-color','red');
    }
}else{
    //if it doesn't unset background
    $(this).css('background-color','transparent');

}



});

如果字段具有搜索词，则使用jQuery设置搜索字段背景颜色

3 个答案: