jquery - 加载时调用对象上的 jQuery 方法？

Question

我正在尝试以与 this question 中描述的非常相似的形式创建功能。 。我想通过动态添加(或删除)类来标记不完整表单中的输入。然而，在这个问题中，这仅在模糊上更新。我希望在页面加载时添加该类。我目前有:

$(document).ready(function() {
    $('.eval-form input').blur(function() {
        if( !$(this).val() ) {
            $(this).parent().addClass('incomplete-answer');
        }
        else {
            $(this).parent().removeClass('incomplete-answer');
        }
    });
});

我想用某种方法替换 .blur ，该方法将在页面首次加载时继续执行该函数。看起来这应该是我想做的一件简单的事情，但我对 jQuery 的不熟悉让我很困扰，而且我对文档也没有任何运气。

Answer 1

您可以触发该事件。将为集合中的每个元素调用一次处理程序。

$('.eval-form input').blur(function() {
  // ...
}).blur();

您还可以使用 toggleClass 方法来缩小代码:

$(document).ready(function() {
    $('.eval-form input').blur(function() {
        $(this).parent()
               .toggleClass('incomplete-answer', $.trim(this.value) === '');
    }).blur(); // trigger the event once on DOM ready
});