看不明白contains里的写法

Question

$('tbody>tr:odd').addClass('odd');

        $('tbody>tr:even').addClass('even');

        $("#filterName").keyup(function()
        {
            $("table tbody tr").hide()
            
                    .filter(":contains('"+($(this).val())+"')")
                    
                    .show();
        });
        
        contains里为什么这样写？怎么理解？

Answer 1

这样写你明白么

filter(":contains('javascript')");

这样呢

var str = 'javascript';
filter(":contains('" + str + "')");

这样呢

var str = $(this).val();
filter(":contains('" + str + "')");

这样呢

filter(":contains('" + $(this).val() + "')");

jQuery的事件回调函数（这里的是keyup事件）中的this绑定为触发事件的原生DOM元素（这里的是#filterName的input元素）。为了获取input的值，把它转成了jQuery对象$(this)然后调val()方法

最后如果你不明白:contains是什么鬼，请看这里