首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jQuery插件 高亮关键字

Posted on 2010-10-18 11:53  达奇  阅读(1288)  评论(0编辑  收藏  举报

/* 调用方法
    <script>
        $(function () {
            $(document).HighLight({ key: "达奇", color: "#ff0000" });
        });
    </script>
*/

(function ($) {
    $.fn.extend({
        HighLight: function (options) {
            var defaults = {
                key: "达奇",
                color: "#ff0000"
            };
            var options = $.extend(defaults, options);
            var key;
            var pattern;
            pattern = new RegExp(options.key, "g");
            document.body.innerHTML = document.body.innerHTML.replace(pattern, options.key.fontcolor(options.color));
            return this;
        }
    });
})(jQuery);