jQuery类似百度搜索词变色_jQuery关键字文本高亮插件 - jquery.mark3535
一款功能强大的jQuery关键字文本高亮插件。它支持变音符号,同义词,自定义元素,自定义class名称,单词边界和iframe。它可以通过搜索的方式来高亮所有的指定关键字。

可以通过bower来安装该插件
$ bower install jquery.mark --save-dev       
使用该文本高亮插件需要在页面中引入jquery和jquery.mark.min.js文件。
<script src="js/jquery.min.js"></script>
<script src="dist/jquery.mark.min.js"></script>       
初始化方法。 语法:
$(".context").mark(keyword [, options]); 
参数: keyword:类型:字符串或数组。可以是一个关键字或多个关键字。 options:类型:object。可以的参数选项有:
element //包裹匹配元素的HTML元素
className //添加到element上的class名称
filter //包含排除选择器的数组。与这些选择器匹配的元素会被忽略。例如:"filter": [".ignore", "*[data-ignore]"]
separateWordSearch //是搜索单独的词语(空格分隔)还是整个词语
diacritics //是否匹配变音符号
synonyms //包含同义词的对象。对象中的键和值互为同义词。例如:"synonyms": {"one": "1"}
wordBoundary //是否只匹配一个单词边界
iframes	//是否搜索iframe中的内容
each //每一个被标记元素的回调函数,函数接收被标记的jQuery元素作为参数
complete //完成标记之后的回调函数
debug //如果想查看控制台信息,设置为true
log //控制台信息

技术讨论区(0 个讨论)

  1. 请先登录

      发 布