10款jQuery文本高亮插件（js代码高亮插件）

10款jQuery文本高亮插件（js代码高亮插件）

这里有10款jQuery文本高亮插件，可以实现这一功能。

1. mark.js

这是用于搜索术语或自定义正则表达式的关键字高亮插件，使用ES6语言编写，基于几十个跨浏览器的单元测试，以及代码质量监测。它的开发旨在适用于所有用例，包括以下提到的所有文本高亮插件，以及更多插件(比如，diacritics，synonyms和iframes)的用例。

2. highlight

这是一款非常简单，小型的文本高亮插件，为其他插件奠定了基础。因为它不允许任何自定义，它的优势是文件非常小(1.4 KB)。

3. jquery.highlight

该插件在插件2(highlight)的基础上，添加了基本选项，可以自定义元素和类名，以及区分大小写(caseSensitive)和字匹配功能(wordsOnly)。 遗憾的是，这个插件现在无人维护(最后更新是2010年)，并且有一些问题缺陷，所以应该谨慎使用。

4. jQuery.highlightRegex

5. highlight_words

这是一个简单的jQuery高亮函数。与highlight(插件2)一样，没有任何自定义选项。你应该清楚，它并不提供取消高亮的功能，并且不支持搜索嵌套子元素。然而，它确实为进一步实施提供了良好的基础——尽管它不包含任何授权信息。

6. jcOnPageFilter

这个插件允许你根据搜索关键字过滤列表，高亮查找到的匹配字符。它有一个启用区分大小写搜索的选项，但不包含授权信息。

7. SearchHighlight

另一款文本高亮插件，为你提供的功能包括：自定义高亮类；类后缀；以及准确搜索(exact)选项，用于从搜索引擎处查找完全匹配，高亮查询参数。

这一插件是2006年编写的，很长时间没有更新，并且不包含授权信息，所以你应该谨慎对待。

8. jquery-highlighter

这一插件通过实现必要的CSS动画，允许你为自行装饰的文本高亮元素添加动画。当然，如果你愿意，也可以自己编写CSS。

9. TextHighlighter

使用这一插件，你可以使用自定义颜色高亮选中的文本，或者只是观察用户选中的文本。该插件已经不再维护，你应该谨慎使用。

10. jQuery highlightTextarea

因为textarea元素不能渲染HTML(以上所有插件都会为匹配生成 HTML标签)，该插件允许你在textarea元素中高亮文本。它提供了大小写区分(caseSensitive)，颜色(color)等功能，构建时经过了一些单元测试，但是仍存在很多问题，而且它不提供取消高亮这一功能。

结论

以上是笔者心目中的十大jQuery文本高亮插件。如果你有这方面的经验(无论好坏)，或者了解其他文本高亮插件，请参与评论！