这次给大家带来用jQuery实现在前端搜索,用jQuery实现在前端搜索的注意事项有哪些,下面就是实战案例,一起来看一下。
html代码:
工程轻量化与可靠性技术实验室
应用流体学
- 2015-7-8这里是文章的标题1
- 2015-7-8这里是文章的标题2
- 2015-7-8这里是文章的标题3
- 2015-7-8这里是文章的标题4
- 2015-7-8这里是文章的标题5
- 2015-7-8这里是文章的标题6
- 2015-7-8这里是文章的标题6
- 2015-7-8这里是文章的标题6
- 2015-7-8这里是文章的标题6
- 2015-7-8这里是文章的标题4
jQuery代码:
通过关键字检索列表中的元素,并将其添加到ul中。
其中$(':contains(text)')获取包含指定字符的元素,该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。
此方法中就是通过判断所获取的元素知否包含所搜索的字符,来实现简单的检索功能。
但是却存在兼容问题,无法兼容IE,在获取元素parent()时无法将内容写入列表中。
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
BJXShop网上购物系统是一个高效、稳定、安全的电子商店销售平台,经过近三年市场的考验,在中国网购系统中属领先水平;完善的订单管理、销售统计系统;网站模版可DIY、亦可导入导出;会员、商品种类和价格均实现无限等级;管理员权限可细分;整合了多种在线支付接口;强有力搜索引擎支持... 程序更新:此版本是伴江行官方商业版程序,已经终止销售,现于免费给大家使用。比其以前的免费版功能增加了:1,整合了论坛
立即学习“前端免费学习笔记(深入)”;









