這篇文章將為大家詳細(xì)講解有關(guān)js實(shí)現(xiàn)快速搜索的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)河口,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792

公司這幾天項(xiàng)目很緊張，然后一直有各種亂七八糟的事，突然說要整個(gè)搜索的功能，第一時(shí)間想到的就是用php的模糊搜索，但是性能耗的很大，并且調(diào)取出的數(shù)據(jù)的速度賊慢，在百度上找到一個(gè)通過js來搜索的功能分享給大家。

這個(gè)是頁面

出來后的效果：

頁面代碼：　

            

                {eq name="list['state']" value='0'}
                    
請?zhí)砑硬似奉愋?/li>
                {else}
                    {eq name="list['count']" value='0'}
                        
請?zhí)砑硬似?/li>
                    {else}
                        {volist name="list['data']" id='list'}
                        
{$list.food_name}{$list.food_code}
                        {/volist}
                    {/eq}
                {/eq}
            
            

        

js代碼

$("#foodCode").keyup(function(){            
$("#foodList ul li").stop().hide().filter(":contains('"+($(this).val())+"')").show();//contains 匹配文本中內(nèi)容
});

php只做了輸出數(shù)據(jù)所以在這里就不放出來了，

關(guān)于js實(shí)現(xiàn)快速搜索的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享文章：js實(shí)現(xiàn)快速搜索的方法-創(chuàng)新互聯(lián)
新聞來源：http://weahome.cn/article/pddcs.html