jQuery指定内容高亮(原创)

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

 22800  330  查看评论 (1)
分享到微信朋友圈
X
jQuery指定内容高亮(原创) ie兼容6

更新时间:2019/7/1 下午2:19:51

更新说明:新增 对象级别插件调用扩展,使用更加方便。

使用示例:

/* 对象级别插件调用 将选择器元素的 html 值设置为高亮 */
$("#testHtml").highlight({
    color: '#ff00ff', // 高度颜色,默认:#f00    
    weight: true, // 是否加粗,默认:不加粗    
    keys: '前端|C|QQ' //需要高亮的值,必须的
});

使用方法

引入文件:

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="highlight.js"></script>

调用方法:

$.highlight('待高亮的字符串',{
    color:'#ea0000', // 高度颜色,默认:#f00
    weight:true,// 是否加粗,默认:不加粗
    keys:val //需要高亮的值,必须的
});

PS:方法返回的是 添加了高亮效果的字符串

相关插件-自动完成

jQuery移动端购物车功能(原创)

jQuery移动端购物车结算
  自动完成
 26880  354

vue车检时间计算器

基于vue实现的车辆计算下次车检的日期
  自动完成
 9801  132

jQuery自动补全插件jQuery.AutoComplete

输入文字,自动联想库中的内容,自动补全,关键字高亮
  自动完成
 37207  312

简单好用的jq仿手机通讯录字母索引特效

仿手机通讯录字母索引jq特效
  自动完成
 41989  399

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

    BOOM! 0
    2021/12/10 16:28:56
    你好,能不能过滤掉html标签 只替换内容,如果搜html标签的话 页面样式就乱掉了😥 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复