亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > 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程序設計有所幫助。


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

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩av网站在线| 97人洗澡人人免费公开视频碰碰碰| 成人免费黄色网| 亚洲精品欧美日韩专区| 日韩av中文字幕在线播放| 亚洲精品成人久久电影| 中文字幕日韩欧美在线视频| 成人写真视频福利网| 久久精品99久久香蕉国产色戒| 久久99青青精品免费观看| 在线日韩精品视频| 岛国精品视频在线播放| 精品国产乱码久久久久酒店| 色天天综合狠狠色| 欧美另类老肥妇| 国产91色在线|免| 日韩欧美国产免费播放| 日本国产高清不卡| 国产成人拍精品视频午夜网站| 一区二区亚洲欧洲国产日韩| 色婷婷av一区二区三区在线观看| 久久九九国产精品怡红院| 国产欧美一区二区三区在线看| 精品久久久久久中文字幕大豆网| 国产欧美va欧美va香蕉在线| 国产91精品青草社区| 亚洲电影免费在线观看| www国产精品视频| 成人黄色大片在线免费观看| 91精品国产乱码久久久久久蜜臀| 亚洲另类xxxx| 日韩欧美成人免费视频| 亚洲一区二区三区在线视频| 国产精品入口福利| 日韩欧美黄色动漫| 久久国产精品网站| 欧美在线视频一二三| 国产精品专区第二| 亚洲成人久久电影| xxxxx91麻豆| 日本精品久久久久久久| 欧美精品久久久久久久久| 亚洲欧洲在线免费| 红桃av永久久久| 国产美女精品视频免费观看| 尤物九九久久国产精品的分类| 国产91在线播放| 91国产高清在线| 日韩男女性生活视频| 91最新在线免费观看| 欧美激情aaaa| 欧美最猛性xxxxx亚洲精品| 久久国产精品首页| 亚洲激情久久久| 91社区国产高清| 最近2019年好看中文字幕视频| 亚洲人成网站999久久久综合| 久久久精品欧美| 午夜美女久久久久爽久久| 国内精品国产三级国产在线专| 亚洲视频一区二区| 自拍偷拍亚洲精品| 最近的2019中文字幕免费一页| 色哟哟亚洲精品一区二区| 538国产精品一区二区免费视频| 亚洲精品日产aⅴ| 911国产网站尤物在线观看| 国产精品久久久久久久久影视| 高清一区二区三区四区五区| 国产乱人伦真实精品视频| 色yeye香蕉凹凸一区二区av| 亚洲激情小视频| 亚洲国产高清高潮精品美女| 欧美日韩国产一中文字不卡| 亚洲视频国产视频| 日韩精品在线免费播放| 成人做爽爽免费视频| 尤物tv国产一区| 最新69国产成人精品视频免费| 97在线视频一区| 日韩在线免费观看视频| 91午夜在线播放| 日韩在线视频国产| 日韩av网站电影| 欧美在线视频观看免费网站| 欧美特黄级在线| 深夜成人在线观看| 大量国产精品视频| 欧美日韩国产va另类| 国产日韩视频在线观看| 日韩av在线免费看| 欧美性视频精品| 91香蕉电影院| 欧美午夜丰满在线18影院| 免费av一区二区| 欧美电影免费观看高清| 成人欧美在线视频| 粉嫩av一区二区三区免费野| 成人免费自拍视频| 尤物九九久久国产精品的分类| 九九热这里只有精品免费看| 91精品视频免费观看| 九九精品在线观看| 欧美福利视频在线观看| 欧美在线xxx| 国产亚洲视频中文字幕视频| 欧美日韩中国免费专区在线看| 疯狂欧美牲乱大交777| 久久精品男人天堂| 国产午夜精品麻豆| 欧美在线激情网| 国产成人精彩在线视频九色| 国产精品欧美在线| 91亚洲精品在线| 亚洲精品国产精品乱码不99按摩| 成人激情视频在线| 国产成人黄色av| 91高潮在线观看| 欧洲亚洲免费视频| 高潮白浆女日韩av免费看| 正在播放国产一区| 日韩av中文字幕在线播放| 亚洲欧美资源在线| 福利视频一区二区| 国内精品中文字幕| 91视频88av| 久久99精品久久久久久琪琪| 亚洲精品一区二区久| 国产精品香蕉国产| 欧美插天视频在线播放| 欧美另类在线观看| 精品丝袜一区二区三区| 国产精品色悠悠| 久久久久久久激情视频| 精品欧美国产一区二区三区| 成人国产精品一区| 黑人巨大精品欧美一区二区一视频| 青青草精品毛片| 精品福利在线观看| 成人黄色在线观看| 91网站在线看| 日韩在线视频免费观看高清中文| 欧美成人激情视频免费观看| 国产精品女人久久久久久| 欧美日韩国产激情| 日韩美女av在线| 日韩精品中文字幕有码专区| 91精品国产91久久久| 欧美日韩中文在线观看| 欧美性感美女h网站在线观看免费| 亚洲天堂成人在线视频| 91理论片午午论夜理片久久| 国产999在线观看| 不卡中文字幕av| 成人精品视频99在线观看免费| 久久精品欧美视频| 国产精品国产三级国产专播精品人| 啊v视频在线一区二区三区| 成人免费网站在线| 国产成人精品优优av| 欧美在线影院在线视频| 久久久97精品| 欧美孕妇孕交黑巨大网站| 久久福利视频网|