jQueryで簡単に文字サイズを切り替えて保存する方法

が紹介されていたのでメモ

JQでスタイルシートを切り替えるだけ。この方法なら

文字サイズだけじゃなくて違う仕組みにも使えそう

以下引用です。

<ul id="nav">
<li><a href="#" rel="/path/to/style1.css">Default CSS</a></li>
<li><a href="#" rel="/path/to/style2.css">Larger Text</a></li>
<li><a href="#" rel="/path/to/style3.css">Something Different</a></li>
</ul>

//ＪＱで切り替え

$(document).ready(function() {
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
return false;
});
});

//クッキーで保存

if($.cookie("css")) {
$("link").attr("href",$.cookie("css"));
}

$(document).ready(function() {
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
});