jquery.cookie外掛使用簡單介紹

admin發表於2017-03-05

cookie在網站建設中非常的常用,雖然說不上覆雜,但是還是挺煩人的,如果有比較完善的外掛那就再方便不過了,只要知道如何使用就可以了,這裡推薦一下jquery.cookie.js外掛,下面介紹一下它的基本使用方式。

一.引入相關檔案:

[HTML] 純文字檢視 複製程式碼
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>

二.建立一個cookie:

[HTML] 純文字檢視 複製程式碼
$.cookie('the_cookie', 'the_value');

如果沒有明確的指定cookie的宣告週期,那麼預設它的宣告週期就是到使用者關閉瀏覽器。

建立一個宣告週期為5天的cookie:

[JavaScript] 純文字檢視 複製程式碼
$.cookie('the_cookie', 'the_value',{expires:7});

建立一個cookie並指定此cookie的路徑,也就是path屬性值:

[JavaScript] 純文字檢視 複製程式碼
$.cookie('the_cookie', 'the_value', {expires:7, path: '/' });

三.讀取cookie:

[JavaScript] 純文字檢視 複製程式碼
$.cookie('the_cookie');

如果cookie不存在,返回值為null。

四.刪除cookie:

[JavaScript] 純文字檢視 複製程式碼
$.cookie('the_cookie', null);

將cookie值設定為null即可刪除當前cookie。

相關文章