最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery实现的简单前端搜索功能示例
时间:2022-06-25 17:01:48 编辑:袖梨 来源:一聚教程网
本文实例讲述了jQuery实现的简单前端搜索功能。分享给大家供大家参考,具体如下:
html代码:
工程轻量化与可靠性技术实验室
jQuery代码:
通过关键字检索列表中的元素,并将其添加到ul中。
其中$(':contains(text)')
获取包含指定字符的元素,该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。
此方法中就是通过判断所获取的元素知否包含所搜索的字符,来实现简单的检索功能。
但是却存在兼容问题,无法兼容IE,在获取元素parent()
时无法将内容写入列表中。
相关文章
- 《原神》5.2卡池抽取建议 11-14
- 《原神》5.2版本新怪物介绍 11-14
- 《原神》希诺宁增伤触发方法 11-14
- 《原神》循音觅奇活动入口 11-14
- 《原神》循音觅奇兑换码获取方法 11-14
- 《原神》花羽会活动飞行技巧介绍 11-14