最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery實現(xiàn)頁面關(guān)鍵詞高亮顯示的方法

 更新時間:2015年03月12日 10:44:38   作者:pyawen  
這篇文章主要介紹了jquery實現(xiàn)頁面關(guān)鍵詞高亮顯示的方法,實例分析了jQuery插件highlight實現(xiàn)高亮顯示的技巧,非常具有實用價值,需要的朋友可以參考下

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

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

1. JavaScript代碼如下:

復(fù)制代碼 代碼如下:
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, // 清除原來高亮的結(jié)果
        },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;
    } 
});

2.highlight插件點擊此處下載。

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

相關(guān)文章

  • jquery多級樹形下拉菜單的實例代碼

    jquery多級樹形下拉菜單的實例代碼

    這篇文章主要介紹了jquery多級樹形下拉菜單的實例代碼,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值 ,需要的朋友可以參考下
    2019-07-07
  • jquery中使用ajax獲取遠程頁面信息

    jquery中使用ajax獲取遠程頁面信息

    當(dāng)我們點擊表格里面的標題顯示相關(guān)的詳細信息,比如點擊新聞標題顯示正文,而正文通常是在一個頁面里面,通過獲取傳遞的參數(shù)id查詢數(shù)據(jù)庫,然后顯示出來
    2011-11-11
  • jQuery子元素過濾選擇器用法示例

    jQuery子元素過濾選擇器用法示例

    這篇文章主要介紹了jQuery子元素過濾選擇器用法,結(jié)合實例形式分析了jQuery中nth-child、first-child、last-child、only-child等進行子元素過濾操作的相關(guān)技巧,需要的朋友可以參考下
    2016-09-09
  • jQuery實現(xiàn)簡潔的輪播圖效果實例

    jQuery實現(xiàn)簡潔的輪播圖效果實例

    這篇文章主要介紹了jQuery實現(xiàn)簡潔的輪播圖效果,結(jié)合實例形式分析了jQuery的事件響應(yīng)機制與頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下
    2016-09-09
  • jQueryUI中的datepicker使用方法詳解

    jQueryUI中的datepicker使用方法詳解

    JqueryUI作為一個優(yōu)秀的前端庫,在項目中經(jīng)常會用到,下面小編抽點時間給大家介紹jQueryUI中的datepicker使用方法詳解,一起看看吧
    2016-05-05
  • 基于jQuery的AJAX和JSON實現(xiàn)純html數(shù)據(jù)模板

    基于jQuery的AJAX和JSON實現(xiàn)純html數(shù)據(jù)模板

    jQuery內(nèi)置的AJAX功能,直接訪問后臺獲得JSON格式的數(shù)據(jù),從而實現(xiàn)純html數(shù)據(jù)模板,下面主要給大家介紹實現(xiàn)代碼,感興趣的朋友一起看下吧
    2016-08-08
  • jQuery通過控制節(jié)點實現(xiàn)僅在前臺通過get方法完成參數(shù)傳遞

    jQuery通過控制節(jié)點實現(xiàn)僅在前臺通過get方法完成參數(shù)傳遞

    這篇文章主要介紹了jQuery通過控制節(jié)點實現(xiàn)僅在前臺通過get方法完成參數(shù)傳遞的功能,實例分析了jQuery操作節(jié)點的技巧與控制前臺get方法傳遞參數(shù)的用法,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • jQuery中Dom的基本操作小結(jié)

    jQuery中Dom的基本操作小結(jié)

    本篇文章主要是對jQuery中Dom的基本操作進行了詳細的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • jQuery 選擇器項目實例分析及實現(xiàn)代碼

    jQuery 選擇器項目實例分析及實現(xiàn)代碼

    首先廢話一句,jQuery選擇器真心很強大!接下來詳細介紹jQuery 選擇器項目實例實現(xiàn)方式
    2012-12-12
  • 基于jquery二維碼生成插件qrcode

    基于jquery二維碼生成插件qrcode

    這篇文章主要為大家詳細介紹了基于jquery二維碼生成插件qrcode的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01

最新評論

辛集市| 鹿邑县| 教育| 太白县| 韶山市| 大石桥市| 赣榆县| 广河县| 新丰县| 甘泉县| 伊春市| 昌平区| 蛟河市| 临海市| 长丰县| 栖霞市| 柘荣县| 监利县| 东台市| 会泽县| 辰溪县| 山东省| 竹山县| 北宁市| 泾源县| 枣强县| 福海县| 凤冈县| 南安市| 信丰县| 长治市| 临沧市| 冷水江市| 阿鲁科尔沁旗| 边坝县| 广宁县| 昭觉县| 黑龙江省| 岢岚县| 南安市| 惠东县|