这次给大家带来如何在html页面中做出查找功能，怎么在html页面中做出查找功能？在html页面中做出查找功能的注意事项有哪些，下面就是实战案例，一起来看一下。
最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下，今天先说一个这几天做的功能，就是html页面的查找功能。
这个功能主要是实现在查找框内输入字符，之后按后面的上一个下一个按钮，会自动把查询区域内的匹配字符用特殊的样式标记，之后可以继续按上一个下一个按钮把按照顺序浏览匹配字符，并把当前匹配的字符用另一种样式与其他匹配字符加以区别。
接下来记一下实现原理：
首先先把上一次的查询结果清除掉，然后根据key的值，用正则表达式把区域内所有匹配的字符全都加上特殊的样式，比如方法中就全部加了一个类名为result的span标签，用odKey0变量记录key的值（下次再进入先比较如果一样的话说明是要看下一个或者上一个的内容，就不用在进入用正则表达式匹配了），oldCount0记录总共查询出来的个数，newflag置0（如果不是初次查询newflag为1）。
立即学习“前端免费学习笔记（深入）”；
接着进入getNext方法，flg表示用户按下的是上一个还是下一个按钮，用index0记录当前查看的是哪一个匹配字符，与oldCount0比较，确定是递增或递减还是置0（如果大于oldCount0或者小于0，就要重新开始）。
focusMove方法就是使页面定位到当前元素的操作。
学到的jquery方法：
eq() 选择器：选择器选取带有指定 index 值的元素。例如：$(".contrast .result:eq(1)")，就是选择类名contrast元素中的第二个类名为result的元素。
parents()方法：元素的所有父元素。$("p").parents('.contrast-wrap')，p元素所有类名为contrast-wrap的元素。
一个让ASP程序轻松做最少的代码编写量，一般企业所需要的功能都有，参数设置，数据库管理，文件管理，数据初始化，生成HTML页面（这是为了某些客户需要静态页面的需求），页面管理（这里是为了网站中某些单页面需求而开发的，这里你在前台只要用sub_c.article(2) 这个2是这里的id号，也可以是在比如index.asp?id=2 是一样的效果）公告管理，友情链接，信息发布（这里有分类，分类是无限
replace()方法：用指定的html内容替换被选元素，注意是把被选元素的元素也替换掉。
offset()方法：返回或设置匹配元素相对于文档的偏移（位置）。
scrollTop()方法：返回或设置匹配元素的滚动条的垂直位置。
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
