因为工作需要，小说网站内容页都会有改变背景颜色、字体颜色和字体大小等选项，所以昨天花时间研究了一下。无意间发现jQuery还有cookie这个插件，我一开始以为jQuery自带这个属性，和Ajax差不多。所以就简单的学习了下这款插件的用法，简单的模仿出一个demo，功能都有了，到时候小小修改就可以上战场了。jQuery cookie插件官方介绍。

cookie插件不算大，代码+注释（占大部份）也才4K，所以我肯定毫不犹豫的推荐给大家，如果大家网站本来就需要加载jQuery，那是最好的啦！插件代码会在最下面的下载包提供大家下载。

首先是个最简单的cookie示例：demo

“写入cookie”是传值，“读取cookie”是输出，“删除cookie”是清空。

每句话我也在源码里面注释了，大家可以右键查看源代码。

在这里我也简单的解释下：

写入一个名称为“blog”，值为“ons.me”的cookie：

$.cookie("blog", "ons.me");

写入一个名称为“blog”，值为“ons.me”的cookie，设置过期时间为10天：

$.cookie("blog", "ons.me", {expires: 10 });

写入一个名称为“blog”，值为“ons.me”的cookie，设置过期时间为10天，cookie的路径为/目录：

$.cookie("blog", "ons.me", {path: '/', expires: 10});

这里感谢CSS9的教程，同时cookie的路径可以参考这里。插一句，虽然我是通过Google找到他们的，但是也要带上别人的链接，尊重他们版权是所有人的义务！

OK，cookie插件是不是很简单呢？基本就只要设置最下面那种里面的四项就差不多了。

下面就开始利用cookie来保存选取的背景颜色、字体颜色和字体大小了。请看demo

怎么看是否保存到cookie里面了呢？选取好后，刷新网页即可见效果。我已经测试了IE6/7/8、FF、chrome、opera、safari，全部正常，如果大家发现bug，请及时留言哦！

在这里就不解释什么了，右键查看源代码，里面基本每句的意思我都写上注释了，如果还看不懂，那我就没辙了。建议大家如果选项较多，用switch，如果比较少，用if。我两种方法都写在里面了，大家灵活运用！

cookie是个好东西，比如有的博客喜欢用“显示、关闭侧边栏”，加上cookie，就不用访客每次来都按了。还有的博客喜欢写几个CSS样式，加个cookie对用户体验也好嘛！反正大家灵活运用cookie咯！

最后提醒一下，chrome不支持本地cookie保存，所以写cookie的时候，不要用chrome测试，我昨天花了大半个小时，就是绕在这里了...

完整示例代码下载