jQuery.cookie的基本用法:
Include script after the jQuery library (unless you are packaging scripts somehow else):
<script src="/path/to/jquery.cookie.js"></script>
Create session cookie:
$.cookie('name', 'value');
Create expiring cookie, 7 days from then:
$.cookie('name', 'value', { expires: 7 });
Create expiring cookie, valid across entire site:
$.cookie('name', 'value', { expires: 7, path: '/' });
Read cookie:
$.cookie('name'); // => "value"
$.cookie('nothing'); // => undefined
Read all available cookies:
$.cookie(); // => { "name": "value" }
Delete cookie:
// Returns true when cookie was successfully deleted, otherwise false
$.removeCookie('name'); // => true
$.removeCookie('nothing'); // => false
// Need to use the same attributes (path, domain) as what the cookie was written with
$.cookie('name', 'value', { path: '/' });
// This won't work!
$.removeCookie('name'); // => false
// This will work!
$.removeCookie('name', { path: '/' }); // => true
JQUERY的COOKIE实例
jquery的cookie插件可以方便操作cookie,首先引入jquery.cookie.js文件,可以去官网下载。
<script type="text/javascript" src="__STATIC__/common/js/jquery.cookie.js"></script>
以下使用jquery的cookie实现一个简单的功能,一个公共栏,可以点击展开或者收缩,第一次进入页面默认展开,第二次以后进入页面默认收缩,但是点击也可以展开。
通过jquery的cookie记录是否第一次访问界面:
<script>
(function($) {
var $trigger = $('.dz_box .dz_title');
var $view_cur = $('.dz_title a:first');
var $view = $('.dz_box .dz_info');
var uid = {$businesser_info['uid']};
var has_read = $.cookie('gonggao_uid_' + uid);
if (has_read) {
$view.hide();
$view_cur.removeClass('wel_down01').addClass('wel_up01');
}else{
$view_cur.removeClass('wel_up01').addClass('wel_down01');
$.cookie('gonggao_uid_' + uid, '1');
}
$trigger.click(function () {
if ($view_cur.hasClass('wel_up01')) {
$view.slideDown();
$view_cur.removeClass('wel_up01').addClass('wel_down01');
} else {
$view.slideUp();
$view_cur.removeClass('wel_down01').addClass('wel_up01');
}
});
})(jQuery);
</script>