Jquery 为元素设置浏览器cookie

我如何创建一个cookie来存储一个浏览器会话或一天中随机添加的body类。我的意图是随机给每个用户一个身体背景图像，然后存储该图像，这样它就不会在每个页面重新加载或转到第2页时改变

我正在使用这个jQuery插件：

我的jQuery代码：

var classes = ['body-bg1', '', 'body-bg2', 'body-bg3', 'body-bg4',];
 var randomnumber = Math.floor(Math.random()*classes.length);     
 $('body').addClass(classes[randomnumber]);

编辑：

我使用的代码：

if($.cookie('userBackground') === null) {
    var classes = ['body-bg1','body-bg2', 'body-bg3', 'body-bg4'];
    var randomnumber = Math.floor(Math.random()*classes.length);
    var chosenClass = classes[randomnumber];
    $('body').addClass(chosenClass );
    $.cookie('userBackground', chosenClass, { expires: 7, path: '/' });
} else {
   //todo verify cookie value is valid
   $('body').addClass($.cookie('userBackground'));
}

我收到的错误：

Uncaught ReferenceError: require is not defined
Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'cookie'  

---

您好，OnResolve，现在出现了一个错误

code

uncaughttypeerror:Object函数（a，b）{返回新的e.fn.init（a，b，h）}没有方法“cookie”

code

告诉我您没有加载插件。您是否有一个脚本标记正在导入同一页面中的插件？我是否需要将server.js以及带有此插件的jquery.cookie.js添加到标题中？@Pullapooh，您确实需要将jquery.cookie.js包含在文件头中。至于server.js，我不确定你的问题是什么——但是如果你使用插件中的函数，当然需要加载。现在我在文档的开头导入了这两个函数，现在我得到了一个新的错误，其中有一个未捕获的引用错误：require未定义。server.js随附插件，但在说明中没有提到应该将其放在文档的开头。

if($.cookie('userBackground') === null) {
    var classes = ['body-bg1','body-bg2', 'body-bg3', 'body-bg4'];
    var randomnumber = Math.floor(Math.random()*classes.length);
    var chosenClass = classes[randomnumber];
    $('body').addClass(chosenClass );
    $.cookie('userBackground', chosenClass, { expires: 7, path: '/' });
} else {
   //todo verify cookie value is valid
   $('body').addClass($.cookie('userBackground'));
}