jQuery指定内容高亮(原创)

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

 15227  253  查看评论 (0)
分享到微信朋友圈
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:方法返回的是 添加了高亮效果的字符串

相关插件-自动完成

输入框自动提示,字母小写转大写

输入框输入车牌号,根据首字母自动提示车牌所属省份信息,并能自动字母小写转大写,限制输入长度
  自动完成
 22522  251

基于jQuery的分组(带组名输入联想和组数删减)

页面是源于一场王者荣耀大屏幕分组展示,带有组名输入的联想和组数删减
  自动完成
 13210  195

jQuery仿淘宝购物车

jQuery常规的购物车计算逻辑
  自动完成
 16857  202

js脚本房贷计算器

js脚本房贷计算器、住房贷款计算器、 公积金贷款计算器
  自动完成
 33180  274

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

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