宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

本文说明了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编程有所帮助。

更多资讯
游戏推荐
更多+