Question

我需要知道是否可以使用jquery {/ 1}}或fadeIn一些CSS样式

fadeOut

我需要做类似

的事情

$("#id").keyup(function() {
    if ($(this).val().length > 0) {
        $("input[type=text]").css('border','1px solid gray');
    }else{
        $("input[type=text]").css('border','1px solid red'); 
    }
});

但这不起作用......

有什么建议吗？

Answer 1

我认为这个简单的效果可以用CSS完成，只需要一个必要的jQuery。检查这个最小的例子：

<强> CSS：

input{
    border: 1px solid gray;
    transition: 0.5s;
}

.error{
    box-shadow: 0 0 3px red;
}

<强> jQuery的：

$("#id").keyup(function() {
    if ($(this).val().length > 0) {
        $(this).removeClass('error');
    }else{
        $(this).addClass('error');
    }
});

FIDDLE： https://jsfiddle.net/0puu7c2j/

fadeIn或fade使用jquery输出css样式

1 个答案: