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 相关文章推荐
利用location.hash实现跨域iframe自适应
May 04 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
Node.js编码规范
Jul 14 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
vue.js实现含搜索的多种复选框(附源码)
Mar 23 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 Javascript
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
php date与gmdate的获取日期的区别
2010/02/08 PHP
php快速url重写更新版[需php 5.30以上]
2010/04/25 PHP
JQuery 小练习(实例代码)
2009/08/07 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
Javascript图像处理思路及实现代码
2012/12/25 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
[01:01:36]Optic vs paiN 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Numpy的简单用法小结
2019/08/28 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
Python如何脚本过滤文件中的注释
2020/05/27 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
Python requests接口测试实现代码
2020/09/08 Python
pandas实现导出数据的四种方式
2020/12/13 Python
python 录制系统声音的示例
2020/12/21 Python
DNA基因检测和分析:23andMe
2019/05/01 全球购物
Unix如何在一行中运行多个命令
2015/05/29 面试题
先进工作者获奖感言
2014/02/08 职场文书
施工安全生产承诺书
2014/05/23 职场文书
2014年流动人口工作总结
2014/11/26 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
导游词之京东大峡谷旅游区
2019/10/29 职场文书
pytorch--之halfTensor的使用详解
2021/05/24 Python
详解CSS中的特指度和层叠问题
2021/07/15 HTML / CSS