jQuery指定内容高亮(原创)

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

 22457  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不同公式计算装配率。例如装修行业。
  自动完成
 22235  302

i18n实现前端国际化

i18n实现前端国际化,页面的多语言切换
  自动完成
 31762  362

angular.js购物车

基于angularjs实现的购物车,搜索、删除、购物结算功能全
  自动完成
 28535  306

jquery的联想词回填插件 根据接口实时调用(原创)

基于jquery的联想词回填插件 根据接口实时调用
  自动完成
 20740  279

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

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