jQuery でクッキーを扱うのを下記サイトを参考にやってみました。
javascriptライブラリjQueryでcookieを超簡単に扱う方法 : 4GALAXYのメモ
Klaus Hartl – Stilbüro : Cookie Plugin for jQuery

jquery.cookie.js の準備

jquery.cookie.js をダウンロードして HTML で使えるようにします。

<script type="text/javascript" src="jquery.cookie.js"></script>

クッキーの扱い方

$.cookie('the_cookie'); // get cookie
$.cookie('the_cookie', 'the_value'); // set cookie
$.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookie with an expiration date seven days in the future
$.cookie('the_cookie', '', { expires: -1 }); // delete cookie

削除するときは以下でもできます。jquery.cookie.js のソースを確認したら、2番目の引数が null だと expires を -1 にしてくれます。

$.cookie('the_cookie', null);

クッキーのパスを指定する場合は下記のように指定します。

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

しかし…

この方法だと名前の分かっているクッキーしか取り扱えない。例えば WordPress の theme switcher が設定するクッキーなどはクッキー名が wptheme[0-9a-f]{16} のような名前になります。今回はこの theme switcher のクッキーを全て削除したいので、結局下記のようにしました。

if (document.cookie && document.cookie != '') {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
        var cookie = $.trim(cookies[i]);
        rex = new RegExp('^(wptheme[0-9a-f]+)=');
        if (cookie.match(rex)) {
        	$.cookie(RegExp.$1, null);
        }
    }
}

関連する投稿