页面关键字高亮显示的jQuery实现

本文给出了页面关键字高亮的jQuery实现示例,供大家参考,具体分析如下:

通过jQuery突出显示页面搜索关键字

中文多页中的高亮显示

1。Javascript代码如下所示:

复制代码代码如下:jquery.fn.extend({

亮点:功能(搜索、配置){

如果(typeof(搜索)收益= = 'undefined);

无功配置= jquery.extend({

不敏感:1 是否匹配的情况不匹配0匹配1

hls_class:'highlight类 / /亮点

clear_last: / /清晰真实,原来强调结果

},配置);

如果(配置。clear_last){

$(这)找到(强。+配置。hls_class)。每个(函数(){)

$(本);

美元(这个);

})

}

返回this.each(函数(){()

如果(typeof(搜索)=字符串){

$(这)Highregx(搜索、配置);

否则如果}(search.constructor = = = array){

对于(查询中的var查询){

无功search_str =美元。修剪(搜索{查询});

If (search_str! = )$(this)。Highregx(search_str,配置);

}

}

});

},

highregx:功能(查询、配置){

查询= this.unicode(查询);

VaR的正则表达式=新regexp((} * >)|(+查询+ )

This.html(this.html()。更换(正则表达式,函数(A,B,C){

返回(a.charat(0)= =C + + ;

});

},

Unicode:函数{

VaR len = s.length;

var;

(S =更换/({ -。* + ^ $ { } { })| / }( / g), 1美元);

对于(var i = 0;i < i;i + +){

如果(s.charcodeat(我)> 255)

RS = U+ s.charcodeat(我),ToString(16);

其他的RS = s.charat(我);

}

返回RS;

}

});

2.highlight插件的下载在这里。

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