天天看点

笔记(输入框实时查询等)

欢迎复制

$("#keyword"):文本框

$("#Tolist").find(".data-goods"):匹配的列表

$("#keyword").on("input", function() {

    var n = $("#keyword").val();

    var c = $("#Tolist").find(".data-goods");

    var t;

    c.hide();

    for(var i=0;i<c.length;i++){

        t = c.eq(i).find(".title").text();

        if(t.indexOf(n)!=-1){

            c.eq(i).show();

        }

    }

});

1、执行不同

window.onload要等整个窗口(包括图片)都加载完才触发 执行 

$(document).ready()在 DOM 结构绘制完成后就可执行 

2、数量不同

window.onload 编写多个时,只有最后的那个有效,其他都无效 

$(document).ready()可以编写多个,都生效 

3、简写不同

window.onload   没有简写 

$(document).ready()可简写为() 

继续阅读