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

本文介绍了使用jQuery进行实时文本搜索的实现方法,包括输入框文本变化时动态显示匹配列表的代码示例。同时对比了window.onload与$(document).ready()在执行时机、数量和简写方面的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

欢迎复制

$("#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()可简写为() 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值