调用
做站内搜索的 ,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
分享到:
相关推荐
**jQuery高亮插件——实现文本高亮与关键词查找** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。在网页开发中,有时我们需要对页面上的特定文本或者关键词进行...
《jQuery结合highlight.js实现代码高亮显示特效》 在网页开发中,为了使代码更加易于阅读和理解,通常会采用代码高亮显示的方式。在这个专题里,我们将探讨如何利用jQuery库与highlight.js插件实现这一功能。jQuery...
**jQuery关键字高亮插件详解** 在Web开发中,我们经常需要实现文本中的关键字高亮显示,以便用户能快速找到他们关注的信息。jQuery作为一个强大的JavaScript库,提供了丰富的API和插件来帮助开发者实现这一功能。本...
**jQuery高亮插件——jquery-highlight详解** 在Web开发中,常常需要实现文本搜索结果的高亮显示,以便用户能够快速定位到搜索的关键字。jQuery作为一款广泛使用的JavaScript库,提供了许多方便的插件来扩展其功能...
在没有jsonview插件的情况下,浏览器会将JSON数据以纯文本的形式显示,这对于大量和复杂的JSON数据来说,阅读起来非常困难。而jsonview插件则能够自动对这些数据进行处理。 以下是jsonview插件的主要功能: 1. **...
`jquery.mark`是一个高效且灵活的jQuery插件,专为实现文本高亮功能而设计。这个插件的核心功能是能够快速地在网页中的文本中找到并高亮显示用户指定的关键字,无论是单个词汇、变音符号、同义词还是自定义元素,它...
1. **SyntaxHighlighter**: 这是由Alex Gorbatchev开发的一个流行的代码高亮插件,不依赖于jQuery,但可以通过jQuery来调用。它支持多种编程语言,并提供了丰富的自定义选项。 2. **Prism.js**: 这是一个轻量级且可...
本教程将聚焦于一个特定的应用场景:基于jQuery的搜索高亮显示功能。这个功能允许用户在网页上快速定位搜索关键词,通过高亮显示这些关键词,提升用户体验。 首先,我们要理解jQuery的核心概念。jQuery库通过提供一...
"jquery段落文字内容高亮显示"这个主题是关于如何利用jQuery库来实现文本的高亮显示功能,这在很多应用场景中非常实用,比如搜索引擎结果的突出显示、阅读器中的关键词标记等。jQuery是一个轻量级的JavaScript库,它...
本文将深入讲解jQuery中的一个插件——highlightRegex,这是一个用于文本高亮的实用工具。 **一、highlightRegex插件简介** highlightRegex是jQuery的一个扩展,它允许开发者通过正则表达式来高亮显示文档中的特定...
jQuery Highlighter插件就是为实现这一目标而设计的,它允许开发者轻松地在网页文本中高亮显示关键词或短语,使得用户能够快速定位到他们关心的信息。下面我们将深入探讨jQuery Highlighter的功能、用法以及它如何...
代码如下: jquery-highlight.js 代码如下: /* description:TextBox HighLight author:Allen Liu */ (function($) { $.fn.highlight = function(options) { var defaultOpt = { lightColor: ‘yellow’, /* 高亮时的...
`jq-highlight`是一个基于jQuery的插件,主要用于在网页文本中高亮显示指定的关键词或短语。这个插件能够帮助用户快速定位和突出显示页面中的重要信息,常用于搜索结果展示、代码示例高亮或者任何需要强调特定文字的...
在这个名为"jQuery查找关键词文字高亮显示代码.zip"的压缩包中,包含了一个使用jQuery实现的搜索关键词高亮显示的示例。这个功能在很多场合都非常实用,比如搜索引擎结果展示或者文本搜索定位。 首先,`index.html`...
《jQuery高亮显示关键词代码详解》 在网页开发中,我们常常需要实现一种功能:当用户搜索特定关键词后,将这些关键词在页面中高亮显示。这种效果不仅可以提高用户的阅读体验,也能帮助用户快速定位到他们关心的信息...
目前,市场上存在多个流行的jQuery语法高亮插件,比如Highlight.js、Google Code Prettify、SyntaxHighlighter、Chili–jQueryPlugin、Pygments、Ultraviolet、GeSHi (GenericSyntaxHighlighter)、以及Snippet。...
这个"高亮显示关键字 -- js插件"显然是一款用JavaScript编写的插件,旨在帮助用户更清晰地识别和突出显示特定的关键字或短语。JavaScript作为一种广泛使用的客户端脚本语言,适用于在用户的浏览器上运行,实现动态...
5. **js**:同样是一个文件夹,可能包含了实现这一功能的JavaScript源码文件,例如实现了查找和高亮功能的jQuery插件。 实现这一功能的具体步骤可能包括以下几点: 1. **获取用户输入**:通过HTML表单获取用户的...
`jQuery.textSearch`是一个用于jQuery的高效且灵活的插件,主要用于在HTML内容中搜索关键词并实现高亮显示。它能够帮助开发者快速地在网页文本中查找特定词汇,并通过突出显示这些词汇来提高用户的搜索体验。这个...