`
天梯梦
  • 浏览: 13731363 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

jquery 高亮插件 highlight

阅读更多

在页面上搜索某个关键字,使关键词高亮;

高亮样式自己可以重新定义:

例如:span.highlight { color:#F00; font-weight:700}

使用高亮:

$(‘#fancy-text’).removeHighlight();//清除高亮
$(‘#fancy-text’).highLight(“mode”);//显示高亮

查看demo: 见附件

分享到:
评论
7 楼 cctvkmn 2014-05-18  
cctvkmn 写道
楼主怎么定义两个高亮样式
我需要高亮的是  标题和内容

标题字号是18px
内容字号是12px

怎么给这两个定义不同样式呢?


解决了,原来不能在
*{font-size:12px;}

这样会影响它的样式的,郁闷,楼主应该改进一下
6 楼 cctvkmn 2014-05-18  
楼主怎么定义两个高亮样式
我需要高亮的是  标题和内容

标题字号是18px
内容字号是12px

怎么给这两个定义不同样式呢?
5 楼 szcs10138456 2012-11-26  
4 楼 天梯梦 2012-02-02  
greatghoul 写道
挺不错的,以前在无忧脚本上看过一个高亮的,代码相当简洁,可以找不着了。


其实这个也很短的代码~
3 楼 greatghoul 2012-02-02  
挺不错的,以前在无忧脚本上看过一个高亮的,代码相当简洁,可以找不着了。
2 楼 天梯梦 2012-02-01  
xianzi_2008 写道
有问题啊!每个字符串最有第一个关键字高亮


多谢提示,已经更新。
1 楼 xianzi_2008 2012-02-01  
有问题啊!每个字符串最有第一个关键字高亮

相关推荐

    jquery高亮插件(支持textarea内容高亮)

    **jQuery高亮插件——实现文本高亮与关键词查找** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。在网页开发中,有时我们需要对页面上的特定文本或者关键词进行...

    JQuery 关键字高亮插件

    **jQuery关键字高亮插件详解** 在Web开发中,我们经常需要实现文本中的关键字高亮显示,以便用户能快速找到他们关注的信息。jQuery作为一个强大的JavaScript库,提供了丰富的API和插件来帮助开发者实现这一功能。本...

    jquery-highlight:jQuery高亮插件,支持多样式

    **jQuery高亮插件——jquery-highlight详解** 在Web开发中,常常需要实现文本搜索结果的高亮显示,以便用户能够快速定位到搜索的关键字。jQuery作为一款广泛使用的JavaScript库,提供了许多方便的插件来扩展其功能...

    jQuery基于highlight.js代码着色高亮显示特效.zip

    在这个专题里,我们将探讨如何利用jQuery库与highlight.js插件实现这一功能。jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互等任务。而highlight.js则是一款强大的代码高亮库,...

    jquerymark强大的jQuery关键字文本高亮插件

    `jquery.mark`是一个高效且灵活的jQuery插件,专为实现文本高亮功能而设计。这个插件的核心功能是能够快速地在网页中的文本中找到并高亮显示用户指定的关键字,无论是单个词汇、变音符号、同义词还是自定义元素,它...

    jQuery插件 高亮代码

    1. **SyntaxHighlighter**: 这是由Alex Gorbatchev开发的一个流行的代码高亮插件,不依赖于jQuery,但可以通过jQuery来调用。它支持多种编程语言,并提供了丰富的自定义选项。 2. **Prism.js**: 这是一个轻量级且可...

    jQueryHighlighter是一个用来高亮显示文本关键字的jQuery插件

    jQuery Highlighter插件就是为实现这一目标而设计的,它允许开发者轻松地在网页文本中高亮显示关键词或短语,使得用户能够快速定位到他们关心的信息。下面我们将深入探讨jQuery Highlighter的功能、用法以及它如何...

    jquery高亮显示

    在提供的压缩包文件`jqueryGaoliang`中,可能包含了实现上述功能的jQuery插件或示例代码。这些文件可能包括JavaScript文件(如`jquery.highlight.js`),CSS文件(如`styles.css`)以及可能的示例HTML文件。通过查看...

    jQuery文本高亮插件highlightRegex

    本文将深入讲解jQuery中的一个插件——highlightRegex,这是一个用于文本高亮的实用工具。 **一、highlightRegex插件简介** highlightRegex是jQuery的一个扩展,它允许开发者通过正则表达式来高亮显示文档中的特定...

    js字符高亮插件

    总结一下,`js字符高亮插件`,如`jquery-highlight-3.4.0`,是利用jQuery实现的一种网页文本高亮工具。它简化了对页面中特定文本或元素的高亮操作,通过选择器定位目标并应用样式来达到突出显示的效果。正确理解和...

    jq-highlight:jQuery Highlight插件

    `jq-highlight`是一个基于jQuery的插件,主要用于在网页文本中高亮显示指定的关键词或短语。这个插件能够帮助用户快速定位和突出显示页面中的重要信息,常用于搜索结果展示、代码示例高亮或者任何需要强调特定文字的...

    jQuery高亮显示关键词代码.zip

    《jQuery高亮显示关键词代码详解》 在网页开发中,我们常常需要实现一种功能:当用户搜索特定关键词后,将这些关键词在页面中高亮显示。这种效果不仅可以提高用户的阅读体验,也能帮助用户快速定位到他们关心的信息...

    jQuery语法高亮插件支持各种程序源代码语法着色加亮

    目前,市场上存在多个流行的jQuery语法高亮插件,比如Highlight.js、Google Code Prettify、SyntaxHighlighter、Chili–jQueryPlugin、Pygments、Ultraviolet、GeSHi (GenericSyntaxHighlighter)、以及Snippet。...

    jQuery查找关键词文字高亮显示代码.zip

    为了实现高亮显示,jQuery会使用正则表达式来查找匹配的关键词,并使用`wrap()`函数将匹配到的部分包裹在一个带有特定样式的HTML元素中,例如`<span class="highlight">`。这样,通过CSS定义`.highlight`类,我们...

    jQuery表格搜索过滤和单元格高亮插件

    jQuery.FilterTable是一款基于jQuery的轻量级插件,专门用于增强HTML表格的功能,提供搜索过滤和单元格高亮效果。这个插件对于那些需要在网页上展示大量数据,并且希望用户能够快速查找特定信息的场景非常有用。接...

    jquery段落文字内容高亮显示.rar

    jQuery提供了丰富的API和插件,使得JavaScript开发变得更加高效和简单。 在“jquery段落文字内容高亮显示”这个场景中,我们需要关注的是如何选取HTML文档中的特定段落(`<p>`标签)并对其内容进行高亮。这通常涉及...

    jQuery.Mark关键字文本高亮插件.zip

    总之,jQuery.Mark是一个功能全面且高度可定制的文本高亮插件,适用于各种网页应用。通过使用这个插件,开发者可以轻松地提升网站的用户体验,帮助用户快速找到他们关注的信息。在实际项目中,结合JS特效和文字特效...

    jsonview json 高亮显示插件

    总的来说,jsonview插件是JSON数据处理领域的一个实用工具,尤其在处理大量或者结构复杂的JSON数据时,其强大的格式化和高亮功能极大地提升了数据的可读性和分析效率。对于任何需要频繁与JSON打交道的开发者而言,这...

    JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】 <font color=red>原创</font>

    **JavaScript语法高亮插件——highlight.js** 在网页中展示代码时,为了增强代码的可读性和美观性,通常会采用语法高亮显示。`highlight.js` 是一款强大的JavaScript库,用于实现各种编程语言的代码高亮。它支持...

Global site tag (gtag.js) - Google Analytics