页面搜索关键词高亮插件

所属分类:输入,其他-自动完成,独立的部件

 43044  401  查看评论 (3)
分享到微信朋友圈
X
页面搜索关键词高亮插件 ie兼容8

引入这个插件的js文件,并在script标签中添加如下代码即可

$(function() {
    $('#text-search').on('keyup change', function(ev) {
        var searchTerm = $(this).val();
        $('body').removeHighlight();
        if ( searchTerm ) {
            $('body').highlight( searchTerm );
        }
    });
});

其中#text-search是输入框ID,获取输入框的值(即代码中的“searchTerm”)之后,放入highlight方法中“highlight(searchTerm)”就可以进行检索了

相关插件-自动完成,独立的部件

jQuery计算器插件jQuery SimpleCalculadora

jQuery计算器插件jQuery SimpleCalculadora
  自动完成
 31619  304

jQuery实现仿搜索引擎文本框自动补全插件

jQuery实现仿搜索引擎文本框自动补全插件
  自动完成
 37736  400

简易计算器自适应移动端

采用逆波兰表达式实现的简易计算器
  自动完成
 21103  295

长度单位转换插件Length.js

Length.js用于长度单位转换的JavaScript库
  自动完成
 25220  290

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    汉斯 0
    2016/3/1 10:03:16
    有偏差,而且挡住了其他周围字符
        风落尘归0
        2017/4/6 17:26:14

        高光颜色能调吗?

        阡陌式忧伤0
        2017/7/14 10:32:13

        能调吧

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复