jQuery.cookie.js是一个非常实用的jQuery插件,它可以方便地对浏览器Cookie进行操作,包括读取、设置和删除。在前端开发中,我们常常需要使用Cookie来保存一些用户信息或者网站配置等数据,jQuery.cookie.js就是一个很好的帮手。
安装和引入
安装jQuery.cookie.js非常简单,直接下载并引入即可:
------- ----------------------------- ------- --------------------------------
读取Cookie值
使用$.cookie(key)
方法可以读取指定key的Cookie值。例如,我们可以通过如下方式读取名为username
的Cookie值:
--- -------- - --------------------- ----------------------
如果该Cookie不存在,则返回null
。
设置Cookie值
使用$.cookie(key, value, options)
方法可以设置Cookie值。例如,我们可以通过如下方式设置名为username
,值为'John Doe'
的Cookie:
-------------------- ----- ------
除了value之外,还可以通过第三个参数options来设置Cookie的一些选项,常用的选项如下:
expires
:Cookie的有效期,可以是数字(单位为天)或者日期对象,默认情况下为session级别。path
:Cookie的路径,默认为当前页面路径。domain
:Cookie的域名,默认为当前域名。secure
:是否只能通过HTTPS协议传输,默认为false。
例如,我们可以通过如下方式设置一个有效期为7天,路径为根目录的Cookie:
-------------------- ----- ----- - -------- -- ----- --- ---
删除Cookie值
使用$.removeCookie(key, options)
方法可以删除指定key的Cookie值。例如,我们可以通过如下方式删除名为username
的Cookie:
---------------------------
除了key之外,还可以通过第二个参数options来设置一些选项,和设置Cookie时的选项相同。
示例代码
以下是一个完整的示例代码,演示了如何使用jQuery.cookie.js来读取、设置和删除Cookie值:
--------- ----- ------ ------ ----- ---------------- --------------------------------- ------- ----------------------------- ------- -------------------------------- -------- -- --------- --- -------- - --------------------- ------------------------ ---------- -- --------- -------------------- ----- ----- - -------- -- ----- --- --- ------------------------------------ ------ -- --------- --------------------------- ---------------------------------- --------- ------- ------ ------- -------
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/1569