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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 12:57:56
字體:
來源:轉載
供稿:網友

本文實例講述了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,"http://$1");
         for(var i=0;i<len;i++){
            if(s.charCodeAt(i) > 255)
                rs+="http://u"+ s.charCodeAt(i).toString(16);
            else rs +=  s.charAt(i);
         }  
         return rs;
    } 
});

2.highlight插件點擊此處下載

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
98精品国产自产在线观看| 九九久久精品一区| 欧美激情高清视频| 亚洲精品久久在线| 日韩av中文字幕在线| 亚洲第一免费播放区| 亚洲日本中文字幕免费在线不卡| 精品一区精品二区| 日本国产一区二区三区| 欧美大荫蒂xxx| 福利视频导航一区| 在线成人免费网站| 欧美激情日韩图片| 色一情一乱一区二区| 自拍亚洲一区欧美另类| 精品久久久久久久大神国产| 日韩av免费在线看| 国产亚洲人成网站在线观看| 精品一区电影国产| 亚洲91av视频| 成人动漫网站在线观看| 国产成人激情视频| 欧美自拍视频在线观看| 亚洲精品国产精品乱码不99按摩| 国产精品久久久久久久9999| 韩国一区二区电影| 精品久久久香蕉免费精品视频| 欧美一区二区三区……| 欧美乱大交xxxxx另类电影| 欧美理论电影在线观看| 国产成人精品在线| 国产精品入口夜色视频大尺度| 亚洲精品www久久久久久广东| 国产精品久久久久av免费| 国产脚交av在线一区二区| 91久久国产精品91久久性色| 在线观看亚洲区| 欧美精品一本久久男人的天堂| 91久久嫩草影院一区二区| 久久综合久久美利坚合众国| 国产精品手机播放| 国产三级精品网站| 国产精品aaa| 精品日韩中文字幕| 亚洲精选在线观看| 91精品久久久久久久久中文字幕| 成人在线免费观看视视频| 亚洲天堂网在线观看| 欧美一级片在线播放| 久久久亚洲欧洲日产国码aⅴ| 欧美精品福利视频| 欧美性猛交xxxx富婆| 一区二区三区回区在观看免费视频| 国产精品久久久久久亚洲调教| 亚洲欧美激情一区| 国产日韩精品综合网站| 国产999视频| 91精品成人久久| 国产精品成人av在线| 欧美性生交xxxxx久久久| 欧美另类精品xxxx孕妇| 免费97视频在线精品国自产拍| 国产欧美 在线欧美| 最近2019中文字幕大全第二页| 日本精品中文字幕| 日韩在线欧美在线国产在线| 91精品久久久久久久久| 2020欧美日韩在线视频| 欧美wwwxxxx| 日韩中文字幕不卡视频| 亚洲最新中文字幕| 成人中文字幕+乱码+中文字幕| 国产精品人成电影在线观看| 亚洲色图色老头| 日韩精品在线电影| 欧美精品一区二区三区国产精品| 日韩电影在线观看中文字幕| 国产精品日日做人人爱| 一个色综合导航| 亚洲精品国产拍免费91在线| 色哟哟入口国产精品| 国产视频亚洲精品| 欧美理论电影在线观看| 亚洲综合中文字幕68页| 国产日韩精品在线| 成人激情在线观看| 国产精品91视频| 精品露脸国产偷人在视频| 亚洲免费中文字幕| 日韩在线视频播放| 精品国产网站地址| 国内精品久久久久久久久| 国产精品香蕉av| 国模吧一区二区| 亚洲精品一区中文字幕乱码| 久久色精品视频| 欧美激情国产高清| 色系列之999| 国产乱人伦真实精品视频| 日本精品中文字幕| 国产精品香蕉国产| 国产91久久婷婷一区二区| 日本道色综合久久影院| 欧美成人免费一级人片100| 欧美极品少妇xxxxⅹ裸体艺术| 欧美在线激情网| 91av视频在线播放| 国产精品久久中文| 精品久久久久久久久久久久久| 免费97视频在线精品国自产拍| 日韩av免费看网站| 狠狠躁夜夜躁人人爽天天天天97| 亚洲精品一区在线观看香蕉| 欧美日韩色婷婷| 日本欧美中文字幕| 亚洲丝袜av一区| 欧美激情a∨在线视频播放| 精品久久久久久中文字幕| 高跟丝袜一区二区三区| 欧美在线性爱视频| 久久国产一区二区三区| 日韩亚洲综合在线| 久久精品中文字幕一区| 亚洲社区在线观看| 午夜精品久久久99热福利| 81精品国产乱码久久久久久| 国产97色在线|日韩| 国产日产亚洲精品| 69国产精品成人在线播放| 国产一区二区丝袜高跟鞋图片| 欧美黑人xxxⅹ高潮交| 日韩免费观看网站| 亚洲电影成人av99爱色| 成人激情视频小说免费下载| 国产精品免费电影| 久久久精品中文字幕| 91亚洲午夜在线| 欧美猛交ⅹxxx乱大交视频| 成人精品网站在线观看| 欧美午夜精品久久久久久久| 国产亚洲精品激情久久| 日韩免费av在线| 亚洲电影免费观看高清完整版在线| 国产一区二区三区日韩欧美| 午夜精品一区二区三区在线视频| 精品亚洲夜色av98在线观看| 日韩欧美成人网| 亚洲国产精久久久久久久| www.日韩av.com| 视频一区视频二区国产精品| 青青久久av北条麻妃黑人| 性色av一区二区三区| 亚洲欧洲av一区二区| 97久久精品国产| 欧美一区二区三区……| 久久久久这里只有精品| 久久亚洲精品一区二区| 97精品一区二区视频在线观看| 久久久国产一区二区| 69久久夜色精品国产7777| 狠狠色香婷婷久久亚洲精品| 欧美成人免费在线视频| 国产精品第2页| 国产91精品在线播放|