页面关键字高亮显示的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程序设计有所帮助。