如果输入字段为空,如何删除css

Question

我正在创建一个按钮,只要输入字段中有内容,就可以正常工作.但是,如果我删除所有内容,因为我不确定如何在某种切换上反转该过程.这就是我现在所处的位置:

$(document).ready(function(){
    $("#issueField").keydown(function(){
        $("#issueTick").css("opacity", "1");
    });    
});

我的问题是,有没有办法切换这个,以便如果输入为空,不透明度将被设置回0？

Answer 1

您可以使用+!!$(this).val()CSS不透明度值.这将是0或1,具体取决于输入中是否有文本内容.

我还建议听取input事件而不是keyup事件,因为第一个也会触发其他方式更改输入(鼠标,上下文菜单......):

$(document).ready(function(){
    $("#issueField").on("input", function(){
        $("#issueTick").css("opacity", +!!$(this).val());
        
    }).trigger("input");    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="issueField">
<div id="issueTick" style="background: yellow">issue tick</div>