$('tbody>tr:odd').addClass('odd');
$('tbody>tr:even').addClass('even');
$("#filterName").keyup(function()
{
$("table tbody tr").hide()
.filter(":contains('"+($(this).val())+"')")
.show();
});
contains里为什么这样写?怎么理解?
这样写你明白么
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
是什么鬼,请看这里