jQuery指定内容高亮(原创)

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

 23541  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中文转拼音加员工编号计算

用户输入中文,自动生成拼音,点击确定按钮,计算出这个姓名对应的唯一编号
  自动完成
 24533  350

剩余字数

1.实时计算剩余字数;2.超过最大字数输入无效;3.兼容手机输入;4.jQuery版;
  自动完成
 29161  375

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

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

jQuery快速车牌号码输入

可以帮您快速填写车牌号码
  自动完成
 48091  339

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

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