理解这个jQuery过滤器功能

Question

我正盯着下面一段代码搜索一个htmltable但无法弄明白。任何人都可以逐行解释

(function ($) {

    $('#filter').keyup(function () {

        var rex = new RegExp($(this).val(), 'i');
        $('.employee tr').hide();
        $('.employee tr').filter(function () {
            return rex.test($(this).text());
        }).show();

    })

}(jQuery));

我桌上也有大约1000行。如果我使用此代码，您会看到性能问题吗？

Answer 1

第3行：当一把钥匙被释放时（当你把手指从钥匙上拿下时）

第5行：创建一个正则表达式对象，该对象与已输入到过滤器输入框中的字符串匹配。

第6行：隐藏每个员工行

第7-9行：这会占用每个员工行并应用过滤器。过滤器中的函数应用于employee表的每一行，并根据其文本是否与正则表达式（使用过滤器输入中的值）匹配返回true或false。返回true的过滤器的所有结果然后让.show（）调用它们。