本文实例讲述了jquery实现切换字体大小的方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:
$.fn.switchsize = function(settings) {
// defaults settings
settings = $.extend({
    container: 'body',
    arrsizeclass: ['small', 'medium', 'large'],
    defaultclass: 'medium',
    savecookie: true
}, settings);
var $container = $(settings.container);
return this
    .each(function() {
        if ($.cookie('switchsize')) {
        $container.addclass($.cookie('switchsize'));
        $(this).data(current, $.cookie('switchsize'))
        }
    })
    .bind(click, function() {
        var pos;
        if ($(this).data(current)) {
        pos = jquery.inarray($(this).data(current), settings.arrsizeclass);
        } else {
        pos = jquery.inarray(settings.defaultclass, settings.arrsizeclass);
        }
        if (pos >= 0) { //found class
        if (pos == settings.arrsizeclass.length - 1) { //check if last
            $(this).data(current, settings.arrsizeclass[0]);
        } else {
            $(this).data(current, settings.arrsizeclass[pos + 1]);
        }
        } else {
        //to prevent error
        $(this).data(current, settings.arrsizeclass[0]);
        }
$container.removeclass(settings.arrsizeclass[pos]).addclass($(this).data(current));
if (settings.savecookie === true) {
        $.cookie('switchsize', $(this).data(current), { expires: 365, path: '/' });
        }
    });
};
希望本文所述对大家的jquery程序设计有所帮助。