一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery实现的简单前端搜索功能示例

时间:2022-06-25 17:01:48 编辑:袖梨 来源:一聚教程网

本文实例讲述了jQuery实现的简单前端搜索功能。分享给大家供大家参考,具体如下:

html代码:

jQuery代码:



通过关键字检索列表中的元素,并将其添加到ul中。

其中$(':contains(text)')获取包含指定字符的元素,该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。

此方法中就是通过判断所获取的元素知否包含所搜索的字符,来实现简单的检索功能。

但是却存在兼容问题,无法兼容IE,在获取元素parent()时无法将内容写入列表中。

热门栏目