代码语言
.
CSharp
.
JS
Java
Asp.Net
C
MSSQL
PHP
Css
PLSQL
Python
Shell
EBS
ASP
Perl
ObjC
VB.Net
VBS
MYSQL
GO
Delphi
AS
DB2
Domino
Rails
ActionScript
Scala
代码分类
文件
系统
字符串
数据库
网络相关
图形/GUI
多媒体
算法
游戏
Jquery
Extjs
Android
HTML5
菜单
网页交互
WinForm
控件
企业应用
安全与加密
脚本/批处理
开放平台
其它
【
JS
】
Jquery 文字高亮
作者:
文滔
/ 发布于
2014/11/3
/
767
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> jQuery文字高亮插件,使用简单,功能强大,支持FF/IE等主流浏览器 </title> </head> <script type="text/javascript" src="http://xiaofeng1982.blog.163.com/blog/js/jquery.min.js"></script> <body> 源字符串:<input name="src" type="text" size="30" value="ABCDEFGHIJKLMNOPQISTUVWXYZ0123456789中华人民共和国" /> 搜索字符串:<input id="sea" name="search" type="text" size="30" /> <div class="h">ABCDEFGHIJKLMNOPQISTUVWXYZ0123456789中华人民共和国</div> <div class="h">ABCDEFG0123456789中华PQISTUVW人民HIJKLMNOXYZ共和国</div> <div class="h">ABCDEFGHIJKLMNOPQI789中华人民STUVWXYZ0123456共和国</div> <div class="h">ABCDKLMNOPQISTUVWXY9中EFGHIJ华人民Z012345678共和国</div> <div class="h">ABCDEFGHUVWXYZ0123456789中华人IJKLMNOPQIST民共和国</div> <div id="h">ABCDEFM89中华TUVWXYZ01人民NOPQIS23GHIJKL4567共和国</div> <input type="button" value="高亮" /> <script type="text/javascript" src="http://xiaofeng1982.blog.163.com/blog/jquery.js"></script> <script type="text/javascript"> $("input[type='button']").click(function(){ $(".h").highText($("#sea").val(), {color : "#F00", "font-size" : "150%"}); }); jQuery.fn.extend({ highText : function (searchWords, css) { return this.each(function(){ $(this).html(function high(replaced, search, css){ var pattarn = search.replace(/\b(\w+)\b/g, "($1)").replace(/\s+/g, "|"); return replaced.replace(new RegExp(pattarn, "ig"), function(keyword){ return $("<span>" + keyword + "</span>").css(css).outerHTML(); }); }($(this).text(), searchWords, css)); }); }, outerHTML : function(s) { return (s) ? this.before(s).remove() : jQuery("").append(this.eq(0).clone()).html(); } }); </script> </body> </html>
试试其它关键字
文字高亮
同语言下
.
Jquery搜索框获取回车事件
.
H5页面添加倒计时,然后自动跳转
.
通过user-agent判断h5页面是在哪个手机App(QQ、微信
.
nginx 禁止未绑定的域名访问
.
JavaScript 获取按键,并屏蔽系统 Window 事件
.
H5之只允许微信浏览器打开,禁止从外部浏览器访问
.
微信打开网址添加在浏览器中打开提示的办法
.
实现JS复制、粘贴,Chrome/Firefox下可用
.
video视频播放,play()、pause()、duration时长、onen
.
HTML5实现MP3上传前的预览和播放时长的获取
可能有用的
.
C#实现的html内容截取
.
List 切割成几份 工具类
.
SQL查询 多列合并成一行用逗号隔开
.
一行一行读取txt的内容
.
C#动态修改文件夹名称(FSO实现,不移动文件)
.
c# 移动文件或文件夹
.
c#图片添加水印
.
Java PDF转换成图片并输出给前台展示
.
网站后台修改图片尺寸代码
.
处理大图片在缩略图时的展示
文滔
贡献的其它代码
(
10
)
.
查找目录下指定文件名的文件
.
从string中获取date
.
敏感信息屏蔽工具
.
检查上传图片格式和是否包含中文名
.
返回去掉l头两个元素的新列表
.
读取URL内容
.
点击选择文本
.
鼠标悬停时为其他标签设置样式
.
async的封装
.
Jquery 文字高亮
Copyright © 2004 - 2024 dezai.cn. All Rights Reserved
站长博客
粤ICP备13059550号-3