Cookie是站點設計者放置在client的小文本文件。Cookie能為用戶提供非常多的使得，比如購物站點存儲用戶以前瀏覽過的產品列表。或者門戶站點記住用戶喜歡選擇瀏覽哪類新聞。 在用戶同意的情況下。還能夠存儲用戶的登錄信息，使得用戶在訪問站點時不必每次都鍵入這些信息

用法：

1.引入jquery.cookie.js

2.將cookie寫入文件 [javascript]?view plaincopyprint?

????var?COOKIE_NAME?=?'username';??

????if(?$.cookie(COOKIE_NAME)?){??

????????$("#username").val(??$.cookie(COOKIE_NAME)?);??

????}??

????$("#check").click(function(){??

????????if(this.checked){??

????????????$.cookie(COOKIE_NAME,?$("#username").val()?,?{?path:?'/',?expires:?10?});??

????????????//var?date?=?new?Date();??

????????????//date.setTime(date.getTime()?+?(3?*?24?*?60?*?60?*?1000));?//三天后的這個時候過期??

????????????//$.cookie(COOKIE_NAME,?$("#username").val(),?{?path:?'/',?expires:?date?});??

????????}else{??

????????????$.cookie(COOKIE_NAME,?null,?{?path:?'/'?});??//刪除cookie??

????????}??

????});??

參數設置：
expires: (Number | Date)????? 有效期，能夠設置一個整數作為有效期（單位：天），也能夠設置一個日期對象作為Cookie的過期日期。假設指定日期為負數。那么此cookie將被刪除；假設不設置或者設置為null，那么此cookie將被當作Session Cookie處理，而且在瀏覽器關閉后刪除

path:? (String) ? Cookie的路徑屬性。默認是創建該cookie的頁面路徑

domain: (String) ? Cookie的域名屬性，默認是創建該cookie的頁面域名

secure: (Boolean) ?假設設為true。那么此cookie的傳輸會要求一個安全協議。比如HTTPS

Usage

Create session cookie:

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

Create expiring cookie, 7 days from then:

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

Create expiring cookie, valid across entire site:

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

Read cookie:

$.cookie('the_cookie');?// => "the_value"?$.cookie('not_existing');?// => undefined

Read all available cookies:

$.cookie();?// => { "the_cookie": "the_value", "...remaining": "cookies" }

Delete cookie:

// Returns true when cookie was found, false when no cookie was found...$.removeCookie('the_cookie');? // Same path as when the cookie was written...$.removeCookie('the_cookie',?{?path:?'/'?});

Note: when deleting a cookie, you must pass the exact same path, domain and secure options that were used to set the cookie, unless you're relying on the default options that is.

Configuration

raw

By default the cookie value is encoded/decoded when writing/reading, usingencodeURIComponent/decodeURIComponent. Bypass this by setting raw to true:

$.cookie.raw?=?true;

json

Turn on automatic storage of JSON objects passed as the cookie value. Assumes?JSON.stringify?andJSON.parse:

$.cookie.json?=?true;

Cookie Options

Cookie attributes can be set globally by setting properties of the?$.cookie.defaults?object or individually for each call to?$.cookie()?by passing a plain object to the options argument. Per-call options override the default options.

expires

expires: 365

Define lifetime of the cookie. Value can be a?Number?which will be interpreted as days from time of creation or a?Date?object. If omitted, the cookie becomes a session cookie.

path

path: '/'

Define the path where the cookie is valid.?By default the path of the cookie is the path of the page where the cookie was created (standard browser behavior).?If you want to make it available for instance across the entire domain use?path: '/'. Default: path of page where the cookie was created.

Note regarding Internet Explorer:

Due to an obscure bug in the underlying WinINET InternetGetCookie implementation, IE’s document.cookie will not return a cookie if it was set with a path attribute containing a filename.

(From?Internet Explorer Cookie Internals (FAQ))

This means one cannot set a path using?path: window.location.pathname?in case such pathname contains a filename like so:?/check.html?(or at least, such cookie cannot be read correctly).

domain

domain: 'example.com'

Define the domain where the cookie is valid. Default: domain of page where the cookie was created.

secure

secure: true

If true, the cookie transmission requires a secure protocol (https). Default:?false.

Converters

Provide a conversion function as optional last argument for reading, in order to change the cookie's value to a different representation on the fly.

Example for parsing a value into a number:

$.cookie('foo',?'42');?$.cookie('foo',?Number);?// => 42

Dealing with cookies that have been encoded using?escape?(3rd party cookies):

$.cookie.raw?=?true;?$.cookie('foo',?);

You can pass an arbitrary conversion function.

轉載于:https://www.cnblogs.com/liguangsunls/p/6903671.html

總結

以上是生活随笔為你收集整理的jQuery插件 -- Cookie插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。