jQuery关键词高亮显示

所属分类:输入-搜索,自动完成

 28233  335  查看评论 (11)
分享到微信朋友圈
X
jQuery关键词高亮显示 ie兼容8

使用方法

html

<p class="text">我是测试文字,测试高亮功能</p>
<p class="text">我是测试文字,测试高亮功能,点击按钮测试吧</p>
<p class="text">我是测试文字,测试高亮功能</p>
<p class="text">我是测试文字,测试高亮功能,点击按钮测试吧</p>
<p class="text">我是测试文字,测试高亮功能</p>
<p class="text">我是测试文字,测试高亮功能,点击按钮测试吧</p>

js

$(".one").click(function() {
    var otext = $("input").val();
    $('.text').GL({
        ocolor: 'red',//设置关键词高亮颜色 
        oshuru: otext//设置要显示的关键词 
    });
})
相关插件-搜索,自动完成

jQuery记录搜索历史

搜索历史框,可输入填充可永久记录
  搜索
 47899  372

搜索历史localstage本地化存储

使用localstage本地化存储,将搜索历史缓存下来,便于记录显示
  搜索
 32117  342

静态页面姓名搜索 搜索高亮 自动滚动 包含手机端和pc端(原创)

静态页面姓名搜索功能,对搜索到的姓名显示高亮,同时自动滚动到指定的位置,包含手机端和pc端两个页面。
  搜索
 36176  375

zySearch搜索框插件

zySearch用户体验超棒的搜索框插件
  搜索
 68753  388

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

    极乐鸟 0
    2019/3/19 11:07:29
    只能用一次 第二次输入报错 回复
    李浩 0
    2019/3/7 11:16:36
    我是菜鸟,麻烦问一下怎么让字体高亮显示时页面跳到搜索的那个位置呢?
        西瓜1
        2019/3/7 11:25:05

        高亮都会加.glnow样式,所以只需要对glnow类操作就可以了

        $(".glnow").click(function(){
            window.location.href = "跳转URL地址";
        });
    回复
    幻侣@ 0
    2018/11/22 10:05:50
    有没有回调函数 回复
    0
    2018/9/19 0:10:03
    您好 我想问一下 把一个ID传进去以后 里面的事件都不没有效果了吗?? 回复
    墨@缘 0
    2018/6/5 9:42:19
    搜索英文字母显示不正确
        jtshushu0
        2018/6/15 16:55:30
        都可以
    回复
    房i 0
    2018/3/17 11:41:29
    で 离你多远╂ 0
    2018/3/13 15:08:02
    可以,兼容性也不错,菜鸟必用哦 回复
    落dё殓 0
    2018/3/8 15:52:51
    一定注意:我的html页面调用是正确的,在此网站上的使用方法里描述是错误的,调用的“.gl({ })"需要改成大写的.GL({ })
        落dё殓0
        2018/3/14 17:09:49
        好吧,,平台又给改回来了,,,,,,,,
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复