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 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
vue双向绑定简要分析
Mar 23 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
JS求解两数之和算法详解
Apr 28 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
简单了解three.js 着色器材质
Aug 03 Javascript
ES2020让代码更优美的运算符 (?.) (??)
Jan 04 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
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
smarty简单分页的实现方法
2014/10/27 PHP
php动态绑定变量的用法
2015/06/16 PHP
PHP数组函数array_multisort()用法实例分析
2016/04/02 PHP
在Laravel中使用GuzzleHttp调用第三方服务的API接口代码
2019/10/15 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
python3抓取中文网页的方法
2015/07/28 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Python3与fastdfs分布式文件系统如何实现交互
2020/06/23 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
美国玩具公司:U.S.Toy
2018/05/19 全球购物
会计出纳员的自我评价
2014/01/15 职场文书
九年级历史教学反思
2014/01/27 职场文书
学习自我鉴定
2014/02/01 职场文书
《学会待客》教学反思
2014/02/22 职场文书
文明城市标语
2014/06/16 职场文书
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
事业单位岗位说明书
2015/10/08 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python
解决Vmware虚拟机安装centos8报错“Section %Packages Does Not End With %End. Pane Is Dead”
2022/06/01 Servers