国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery實現頁面關鍵詞高亮顯示的方法

2024-05-06 16:16:36
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了jquery實現頁面關鍵詞高亮顯示的方法,實例分析了jQuery插件highlight實現高亮顯示的技巧,非常具有實用價值,需要的朋友可以參考下
 

本文實例講述了jquery實現頁面關鍵詞高亮顯示的方法。分享給大家供大家參考。具體分析如下:

通過jquery對頁面搜索關鍵詞進行高亮顯示 
支持中文多詞頁面中高亮顯示

1. JavaScript代碼如下:

復制代碼代碼如下:
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 : "<strong class=/""+ configs.hls_class +"/">" + c + "</strong>";
        }));
    },
    unicode: function(s){ 
         var len=s.length; 
         var rs=""; 
         s = s.replace(/([-.*+?^${}()|[/]////])/g,"//$1");
         for(var i=0;i<len;i++){
            if(s.charCodeAt(i) > 255)
                rs+="//u"+ s.charCodeAt(i).toString(16);
            else rs +=  s.charAt(i);
         }   
         return rs; 
    }  
});

希望本文所述對大家的jQuery程序設計有所幫助。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 杨浦区| 保靖县| 紫阳县| 酉阳| 柘城县| 视频| 曲周县| 祁门县| 西平县| 定安县| 珠海市| 灌云县| 东台市| 宝鸡市| 克拉玛依市| 武宣县| 普陀区| 犍为县| 广德县| 紫阳县| 库车县| 梅州市| 四子王旗| 会同县| 三亚市| 兴国县| 濮阳市| 潮安县| 渝中区| 汉中市| 新泰市| 博客| 都安| 陇川县| 龙海市| 禄丰县| 屯门区| 安西县| 松原市| 仪陇县| 仙游县|