本文主要介绍了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)')获取包含指定字符的元素,该字符串可以是直接包含在元素中的文本,或者被包含于子元素中。
立即学习“前端免费学习笔记(深入)”;
此方法中就是通过判断所获取的元素知否包含所搜索的字符,来实现简单的检索功能。
jQuery基于css3属性制作精美圆形时钟,带当前日期显示,中间还可以自定义设置时钟logo等功能。这是一款简单实用的时钟插件。调用方法:$(".clock-place").CodehimClock({});
但是却存在兼容问题,无法兼容IE,在获取元素parent()时无法将内容写入列表中。
相关推荐:









