jQuery过滤HTML标签和突出显示关键词的方法

本文说明了jQuery过滤HTML标签和突出显示关键字的方法。分享给大家参考。具体如下：

JQuery实现了网页关键词的过滤效果，并在JavaScript中定义了要过滤的词，可以定义多个词。但是JS代码应该修改成数组，这样可以过滤掉不同的关键字。这个例子只是为你演示了一个基本功能。请自行挖掘更多过滤功能。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Strict . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8' /title筛选HTML标记并补充关键字突出显示/title style body { font-size :9 pt；}/style script type=' text/JavaScript ' src=' http : jquery-1 . 6 . 2 . min . js '/script/headline $(文档)。ready (function () {var关键字=' we$(' #关键字')。html(function() { return $(this))。文本()。替换(关键字，' font color=\'red\ ' '关键字'/font ')；});});/scriptbodydiv id='关键字'我们成立于2006年，致力于开源优质学习源代码，如果您喜欢我们，请将我们的网站添加到您的收藏夹中！/div/body/html希望这篇文章对大家的jquery编程有所帮助。