Jquery實現Cookie操作

2021-07-13 04:30:33 字數 1743 閱讀 1284

html頁面有的時候也會需要臨時儲存一些狀態資訊,這個時候使用cookie是比較好的,html5畢竟還不多。

這裡介紹一下jquery.cookie的用法。

說明:jquery.cookie.js 的配置 

首先包含jquery的庫檔案,在後面包含 jquery.cookie.js 的庫檔案。 

使用方法 

1.新新增乙個會話 cookie: 

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

注:當沒有指明 cookie有效時間時,所建立的cookie有效期預設到使用者關閉瀏覽器為止,所以被稱為 

「會話cookie(session cookie)」。 

2.建立乙個cookie並設定有效時間為 7天: 

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

注:當指明了cookie有效時間時,所建立的cookie被稱為「持久 cookie (persistent cookie)」。 

3.建立乙個cookie並設定 cookie的有效路徑: 

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

注:在預設情況下,只有設定 cookie的網頁才能讀取該 cookie。如果想讓乙個頁面讀取另乙個頁面設 

置的cookie,必須設定cookie的路徑。cookie的路徑用於設定能夠讀取 cookie的頂級目錄。將這 

個路徑設定為**的根目錄,可以讓所有網頁都能互相讀取 cookie (一般不要這樣設定,防止出現衝突) 。 

4.讀取cookie: 

$.cookie('the_cookie'); // cookie存在 => 'the_value' 

$.cookie('not_existing'); // cookie不存在 => null 

5.刪除cookie,通過傳遞null作為cookie的值即可: 

$.cookie('the_cookie', null); 

----------相關引數的解釋--------------- 

1).expires: 365 

定義cookie的有效時間,值可以是乙個數字(從建立cookie時算起,以天為單位)或乙個date 對 

象。如果省略,那麼建立的cookie是會話cookie,將在使用者退出瀏覽器時被刪除。 

2).path: '/' 

預設情況:只有設定cookie的網頁才能讀取該cookie。 

定義cookie的有效路徑。預設情況下, 該引數的值為建立 cookie 的網頁所在路徑(標準瀏覽器的行為) 。 

如果你想在整個**中訪問這個cookie需要這樣設定有效路徑:path: '/'。如果你想刪除乙個定義 

了有效路徑的 cookie,你需要在呼叫函式時包含這個路徑:$.cookie('the_cookie', null, 

);。 domain: 'example.com' 

預設值:建立 cookie的網頁所擁有的網域名稱。 

3).secure: true 

預設值:false。如果為true,cookie的傳輸需要使用安全協議(https)。 

4).raw: true 

預設值:false。 

預設情況下,讀取和寫入 cookie 的時候自動進行編碼和解碼(使用encodeuricomponent 編碼, 

decodeuricomponent 解碼)。要關閉這個功能設定 raw: true 即可。

上述內容**網路,出處不明。

jQuery中的DOM操做 樣式操做

利用attr 方法來實現該功能 1 獲取 var p class p attr class 獲取p元素的class 2 設定 var p class p attr class high p元素的class為high利用addclass 方法來實現該功能 p addclass another 為p元素...

jQuery常用外掛程式 cookie外掛程式

使用cookie外掛程式後,可以很方便地通過cookie物件儲存 讀取 刪除使用者的資訊,還能通過cookie外掛程式儲存使用者的瀏覽記錄 1.語法 1 呼叫格式 cookie key,value,option 其中引數key為儲存cookie物件的名稱,value為名稱對應的cookie值。2 儲...

JQuery中 cookie的使用

既然使用的是jquery,就必須匯入jquery檔案。在html檔案的頭部匯入 接下來就是編寫指令碼 cookie user cyh 新增乙個名為user的cookie cookie user cyh path expires引數設定cookie存活時間 以天為單位 如果沒設定時間,cookie隨著...