jquery插件之 jquery.cookie

  这个cookie插件简化了对cookie的使用

   使用的具体方法，

添加：

$.cookie('the_cookie', 'the_value'); 

注：当没有指明 cookie有效时间时，所创建的cookie有效期默认到用户关闭浏览器为止，所以被称为 

“会话cookie（session cookie）”。 

创建cookie为7天

$.cookie('the_cookie', 'the_value', { expires: 7 }); 

注：当指明了cookie有效时间时，所创建的cookie被称为“持久 cookie （persistent cookie）”。 

创建一个cookie并设置 cookie的有效路径： 

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' }); 

注：在默认情况下，只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设 

置的cookie，必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这 

个路径设置为网站的根目录，可以让所有网页都能互相读取 cookie （一般不要这样设置，防止出现冲突） 。

读取cookie： 

$.cookie('the_cookie'); // cookie存在 => 'the_value' 

$.cookie('not_existing'); // cookie不存在 => null 

删除cookie，通过传递null作为cookie的值即可： 

$.cookie('the_cookie', null); 

以下是学习锋利jquery给的例子

$(function(){
    var $li =$("#skin li");
    $li.click(function(){
        switchSkin( this.id );
    });
    var cookie_skin = $.cookie("MyCssSkin");
    if (cookie_skin) {
        switchSkin( cookie_skin );
    }
});

function switchSkin(skinName){
    $("#"+skinName).addClass("selected")                //当前<li>元素选中
        .siblings().removeClass("selected");  //去掉其他同辈<li>元素的选中
    $("#cssfile").attr("href","styles/skin/"+ skinName +".css"); //设置不同皮肤
    $.cookie( "MyCssSkin" ,  skinName , { path: '/', expires: 10 });
}