jQuery过滤HTML标签并高亮显示关键字的方法


Posted in Javascript onAugust 07, 2015

本文实例讲述了jQuery过滤HTML标签并高亮显示关键字的方法。分享给大家供大家参考。具体如下:

jQuery实现网页关键字过滤效果,将需要过滤的文字定义在JavaScript中,可定义多个,不过要修改JS代码为数组,这样可过滤出多个不同的关键字,本例只是为你演示一个基本的功能,更多过滤功能请自己挖掘吧。

具体代码如下:

<script type="text/javascript" src="jquery-1.6.2.min.js"></script><script>
$(document).ready(function() {
  var keyword = "三水点靠木";
  $("#keyword").html(function() {
    return $(this).text().replace(keyword,"<font color=\"red\">"+keyword+"</font>");
  });
});
</script>
<div id="keyword">三水点靠木成立于2006年,至立于奉献开源的精品学习型源代码,如果你喜欢三水点靠木的话,请把我们网址加入收藏夹吧!</div>

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
May 28 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
vue监听键盘事件的相关总结
Jan 29 Vue.js
jquery实现先淡出再折叠收起的动画效果
Aug 07 #Javascript
C++中的string类的用法小结
Aug 07 #Javascript
Grunt入门教程(自动任务运行器)
Aug 06 #Javascript
PhantomJS快速入门教程(服务器端的 JavaScript API 的 WebKit)
Aug 06 #Javascript
jQuery实现hover合成事件的方法
Aug 06 #Javascript
Ajax清除浏览器js、css、图片缓存的方法
Aug 06 #Javascript
jQuery实现动画效果circle实例
Aug 06 #Javascript
You might like
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
php+js实现的无刷新下载文件功能示例
2019/08/23 PHP
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
JavaScript获取select中text值的方法
2017/02/13 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
2017/07/17 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
python获取指定网页上所有超链接的方法
2015/04/04 Python
Python的函数的一些高阶特性
2015/04/27 Python
简单谈谈Python流程控制语句
2016/12/04 Python
详解python中__name__的意义以及作用
2019/08/07 Python
Python中logging日志库实例详解
2020/02/19 Python
Python实现加密接口测试方法步骤详解
2020/06/05 Python
详解Python中import机制
2020/09/11 Python
Farnell德国:电子元器件供应商
2018/07/10 全球购物
客服主管岗位职责
2013/12/13 职场文书
财务总经理岗位职责
2014/02/16 职场文书
经典婚礼主持词
2014/03/13 职场文书
个人委托书怎么写
2014/04/04 职场文书
踏青活动策划方案
2014/08/19 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
村党建工作汇报材料
2014/11/02 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
编写python程序的90条建议
2021/04/14 Python
python opencv检测直线 cv2.HoughLinesP的实现
2021/06/18 Python