快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

使用jquery怎么实现搜索框功能

使用jquery怎么实现搜索框功能？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

在武穴等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计制作、网站制作 网站设计制作按需制作网站,公司网站建设,企业网站建设,品牌网站建设,成都全网营销,成都外贸网站建设公司,武穴网站建设费用合理。

html代码：

     
      
        
          
fhasjfas

        
                   完成           修改           删除         
                                 

fhasjfas

        
                   完成           修改           删除                             

你好

                            完成           修改           删除                             

你好啊

                            完成           修改           删除                     

js:

当回车（keycode为13）按下时，获取输入框（id为findinput）的值，并保存在keyword关键字中，利用filter()对li进行筛选。

将原有内容隐藏，筛选出的内容进行渐变显示。

 $('#findinput').keydown(function(event){
    if(event.keyCode == 13){
      var keyword = $(this).val()
      // alert(keyword)
      $('li').hide()//将原有的内容隐藏
      //然后将含有keyword的li进行渐变显示
      $("p").filter(":Contains("+keyword+")").parents('.todo-ltem').fadeIn(2000)
    }
  })

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

看完上述内容，你们掌握使用jquery怎么实现搜索框功能的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！


网站名称：使用jquery怎么实现搜索框功能
路径分享：http://6mz.cn/article/pghpeo.html

其他资讯