转jquery highlight 高亮显示插件

最新推荐文章于 2021-11-27 16:53:45 发布

原创最新推荐文章于 2021-11-27 16:53:45 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js知识专栏收录该内容

61 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的站内搜索高亮显示功能。该方法可通过多种选项自定义关键词高亮效果，如设置CSS类、颜色、关键词分隔符、包裹标签等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用

做站内搜索的，js 实现的一般都会用到，感觉还不错.

var someKeyWords = "......";

$("#div_Text").highlight(someKeyWords);

Available Options

The following list describes what options you have for the second argument of the method "highlight" (option object):

hClass
Specifies the CSS class used to highlight key words.
Data Type: String
Default Value: null

hColor
Specifies the color used to highlight key words. If you setted the hClass option, this option will be ignored.
Data Type: String
Default Value: "#C03"

separator
The symbol used to separate multiple keywords.
Data Type: String
Default Value: " "

wrapper
Specifies the HTML tag used to wrap the keywords.
Data Type: String
Default Value: "em"

useDefaultStyle
When not set hClass option, specify whether to use the default style to highlight the keywords (eg: use the hColor option).
Data Type: Boolean
Default Value: true

needUnhighlight
Specifies whether need the function of cancel the highlighted keywords or highlight keywords several times within the same container tag.
Data Type: Boolean
Default Value: false