本文实例讲述了jQuery实现的简单前端搜索功能。分享给大家供大家参考,具体如下:
html代码:
工程轻量化与可靠性技术实验室
jQuery代码:
通过关键字检索列表中的元素,并将其添加到ul中。
其中$(':contains(text)')
获取包含指定字符的元素,该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。
此方法中就是通过判断所获取的元素知否包含所搜索的字符,来实现简单的检索功能。
但是却存在兼容问题,无法兼容IE,在获取元素parent()
时无法将内容写入列表中。
jQuery如何实现套选项卡功能 jQuery实现套选项卡功能代码示例
jquery插件实现图片悬浮代码示例
jquery如何实现抽奖功能 jquery实现抽奖功能代码示例
jQuery如何实现计算器功能 jQuery实现计算器功能代码示例
jQuery zTree改变指定节点文本样式代码示例
Jquery使用each函数实现遍历及数组处理代码实例