快捷導(dǎo)航

基于JQuery的cookie插件

更新時(shí)間：2010年04月07日 14:04:02 作者：

JQuery居然沒有操作cookie相關(guān)的函數(shù)，搜了下官方有個(gè)cookie的插件。

簡單使用方法：

 
<html> 
<head> 
<title>JQuery-Cookie插件</title> 
<script type="text/javascript" src="jquery-1.4.js"></script> 
<script type="text/javascript" src="jquery.cookie.js"></script> 
</head> 
<body> 
<a href="#">設(shè)置cookie1</a><br> 
<a href="#">設(shè)置cookie2</a><br> 
<a href="#">獲取cookie</a><br> 
<a href="#">刪除cookie</a><br> 
</body> 
</html> 
<script type="text/javascript"> 
$(function(){ 
var COOKIE_NAME = 'test_cookie'; 
//設(shè)置cookie，通過時(shí)間間隔 
$('a').eq(0).click(function() { 
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 }); 
return false; 
}); 
// 設(shè)置cookie，到期時(shí)間 
$('a').eq(1).click(function() { 
var date = new Date(); 
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)); 
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date }); 
return false; 
}); 
// 獲取 cookie 
$('a').eq(2).click(function() { 
alert($.cookie(COOKIE_NAME)); 
return false; 
}); 
// 刪除cookie 
$('a').eq(3).click(function() { 
$.cookie(COOKIE_NAME, null, { path: '/' }); 
return false; 
}); 
}); 
</script> 

插件的源代碼也很簡單：

復(fù)制代碼代碼如下:

 
jQuery.cookie = function(name, value, options) { 
if (typeof value != 'undefined') { // name and value given, set cookie 
options = options || {}; 
if (value === null) { 
value = ''; 
options.expires = -1; 
} 
var expires = ''; 
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { 
var date; 
if (typeof options.expires == 'number') { 
date = new Date(); 
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); 
} else { 
date = options.expires; 
} 
expires = '; expires=' + date.toUTCString(); 
} 
var path = options.path ? '; path=' + (options.path) : ''; 
var domain = options.domain ? '; domain=' + (options.domain) : ''; 
var secure = options.secure ? '; secure' : ''; 
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); 
} else { 
var cookieValue = null; 
if (document.cookie && document.cookie != '') { 
var cookies = document.cookie.split(';'); 
for (var i = 0; i < cookies.length; i++) { 
var cookie = jQuery.trim(cookies[i]); 
if (cookie.substring(0, name.length + 1) == (name + '=')) { 
cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
break; 
} 
} 
} 
return cookieValue; 
} 
}; 

cookie的插件

另外可以參考：
jquery cookie插件代碼類

您可能感興趣的文章:

相關(guān)文章

jQuery數(shù)組處理方法匯總
有段時(shí)間沒寫什么了, 打算把jquery中的比較常用的數(shù)組處理方法匯總一下
2011-06-06
使用jQuery內(nèi)容過濾選擇器選擇元素實(shí)例講解
內(nèi)容過濾選擇器：根據(jù)元素中的文字內(nèi)容或所包含的子元素特征獲取元素，其文字內(nèi)容可以模糊或絕對匹配進(jìn)行元素定位，接下來為大家詳細(xì)介紹下jQuery選擇器，感興趣的朋友可以參考下哈
2013-04-04
jquery獲取table指定行和列的數(shù)據(jù)方法(當(dāng)前選中行、列)
下面小編就為大家?guī)硪黄猨query獲取table指定行和列的數(shù)據(jù)方法(當(dāng)前選中行、列)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
批量修改標(biāo)簽css樣式以input標(biāo)簽為例
本節(jié)主要介紹了jquery如何批量修改標(biāo)簽css樣式以input標(biāo)簽為例,需要的朋友可以參考下
2014-07-07
EasyUI Datebox 日期驗(yàn)證之開始日期小于結(jié)束時(shí)間
這篇文章主要介紹了EasyUI Datebox 日期驗(yàn)證之開始日期小于結(jié)束時(shí)間,需要的朋友可以參考下
2017-05-05
jquery實(shí)現(xiàn)的判斷倒計(jì)時(shí)是否結(jié)束代碼
在一些購物網(wǎng)站經(jīng)常會遇到倒計(jì)時(shí)的功能，例如某些商品在一定期限內(nèi)搞活動，下面小編給大家分享一段代碼關(guān)于jquery實(shí)現(xiàn)的判斷倒計(jì)時(shí)是否結(jié)束代碼，希望對大家有所幫助
2016-02-02
jquery創(chuàng)建一個(gè)新的節(jié)點(diǎn)對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個(gè)新的節(jié)點(diǎn)對象,這對一些自定義功能很有幫助，而且可以隨意控制對象的結(jié)構(gòu)與內(nèi)容，何樂而不為呢，看到這里，相信有些朋友已經(jīng)按耐不住了，好記下來為大家介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下哦
2013-01-01
使用jquery.form.js實(shí)現(xiàn)圖片上傳的方法
這篇文章主要介紹了使用jquery.form.js實(shí)現(xiàn)圖片上傳的方法,涉及jquery使用表單插件jquery.form.js進(jìn)行圖片上傳的提交、類型驗(yàn)證、執(zhí)行結(jié)果回調(diào)顯示等技巧,非常簡單實(shí)用,需要的朋友可以參考下
2016-05-05
Jquery實(shí)時(shí)監(jiān)聽input value的實(shí)例
下面小編就為大家?guī)硪黄狫query實(shí)時(shí)監(jiān)聽input value的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-01-01
jQuery中children()方法用法實(shí)例
這篇文章主要介紹了jQuery中children()方法用法,實(shí)例分析了children()方法的功能、定義及過濾所匹配子元素的使用技巧,需要的朋友可以參考下
2015-01-01