使用 jQuery 如果文本输入不为空则显示元素

Question

好的，所以我对元素进行了编码等等。这有点奇怪，因为如果表单为空，则会以图像的形式显示一个清晰的按钮，例如：(x)

这是脚本，在页面加载时 jQuery 聚焦于文本输入字段，同时显示（十）明确班级。我想要达到的目的就是这个。

页面加载时，jQuery 仍然关注文本输入字段，但它不会显示清除类 (x)，但只有在文本字段中输入至少 1 个字符时才会显示它，否则不会显示。

这是当前的代码

$(document).ready(function() {
             $('#ui_query').focus();
        });

        $('#ui_query').focus(function() {
             $('.clear-helper').css('opacity','0.9999');
        });

        $(document).focusout(function() {
             $('.clear-helper').css('opacity','0.3333');
        });



        (function ($, undefined) {
        $.fn.clearable = function () {
        var $this = this;
        $this.wrap('<div class="clear-holder" />');
        var helper = $('<span class="clear-helper"></span>');
        $this.parent().append(helper);
        helper.click(function(){
            $this.val("");
            $('#ui_query').focus();
        });
        };      
        })(jQuery);

        $("#ui_query").clearable();

Answer 1

您可以使用 attribute-not-equals 属性选择器来定位具有非-空白值：

$('#ui_query[value!=""]').doSomething();

如果您不希望空格字符被视为“某物”，那么您可以执行以下操作：

if($.trim($('#ui_query').val()) !== "") {
    $('.clear-helper').css('opacity','0.9999');
}