欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程>jquery教程

目录导航

jquery 页面关键词高亮显示

香港高防(10G)机房 发布于 2013-07-13   jqueryjquery插件

jquery教程

通过jquery对页面搜索关键词进行高亮显示
支持中文多词页面中高亮显示

jQuery.fn.extend({
	highlight: function(search, configs){
		if(typeof(search) == 'undefined') return;
		var configs =  jQuery.extend({
			insensitive: 1, //是否匹配大小写  0匹配 1不匹配
			hls_class: 'highlight', // 高亮后的class
			clear_last: true, // 清除原来高亮的结果
		},configs);	  
		if(configs.clear_last) {
			$(this).find("strong."+configs.hls_class).each(function(){ 
				$(this).after($(this).text());
				$(this).remove(); 
			})
		}
		return this.each(function() {
			if(typeof(search) == "string") {
				$(this).highregx(search,configs);
			} else if (search.constructor === Array ) {
				for(var query in search){ 
					var search_str = $.trim(search[query]);
					if(search_str != "") $(this).highregx(search_str,configs);
				}
			} 
		});				  
	},				
	highregx: function(query,configs){ 
		query = this.unicode(query);
		var regex = new RegExp("(<[^>]*>)|("+ query +")", configs.insensitive ? "ig" : "g");		
		this.html(this.html().replace(regex, function(a, b, c){
			return (a.charAt(0) == "<") ? a : "" + c + "";
		}));
	},
	unicode: function(s){ 
		 var len=s.length; 
		 var rs=""; 
		 s = s.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1");
		 for(var i=0;i

零度科技原文链接:http://www.ldisp.com/a/jquery/2013/1698.shtml

上一篇:jQuery 1.9不支持$.browser 怎么判断浏览器类型和版本
下一篇:纯js实现页面搜索关键字高亮的jQuery插件

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

0

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理