Rumah > hujung hadapan web > tutorial js > kuki tetapan jQuery dan memadam kuki contoh analysis_jquery

kuki tetapan jQuery dan memadam kuki contoh analysis_jquery

WBOY
Lepaskan: 2016-05-16 15:05:20
asal
1236 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara menetapkan kuki dan memadam kuki dengan jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Ini adalah contoh penggunaan kuki jQuery Melalui pembelajaran daripada contoh ini, saya harap rakan-rakan akan mengetahui cara menggunakan pemalam jquery.cookie.js selepas memperkenalkannya. Anda boleh belajar tentang tetapan hari kuki, tarikh tetapan, dan berbilang tetapan Kuki, cara mendapatkan kuki, tetapkan tarikh tamat tempoh kepada hari selepas 3 hari melalui objek tarikh, tetapkan bilangan hari kesahihan dan petua lain.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>jQuery Cookie Plugin</title>
<script src="jquery1.3.2.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var COOKIE_NAME = 'test_cookie';
var ADDITIONAL_COOKIE_NAME = 'additional';
$('a').eq(0).click(function() { // 用天数设置 cookie
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 10 });
return false;
});
$('a').eq(1).click(function() { // 用日期设置 cookie
var date = new Date();
date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
$('a').eq(2).click(function() { // 获取 cookie
alert($.cookie(COOKIE_NAME));
return false;
});
$('a').eq(3).click(function() { // 删除 cookie
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
$('a').eq(4).click(function() { // 设置第二个 cookie
$.cookie(ADDITIONAL_COOKIE_NAME, 'foo', { expires: 10 });
return false;
});
$('a').eq(5).click(function() { // 获取第二个 cookie
alert($.cookie(ADDITIONAL_COOKIE_NAME));
return false;
});
$('a').eq(6).click(function() { // 删除第二个 cookie
$.cookie(ADDITIONAL_COOKIE_NAME, null);
return false;
});
});
</script>
</head>
<body>
<p>
<a href="#">设置 cookie (设置有效期天数为 10 天)</a><br>
<a href="#">设置 cookie (通过 date 对象设置过期日期为 3 天后的那天)</a><br>
<a href="#">获取 cookie</a><br>
<a href="#">删除 cookie</a><br>
<a href="#">设置另一个 cookie</a><br>
<a href="#">获取另一个 cookie</a><br>
<a href="#">删除另一个 cookie</a>
</p>
</body>
</html>
Salin selepas log masuk

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Ringkasan kemahiran operasi kuki JQuery", "ringkasan kemahiran operasi jadual (jadual) jQuery" , "Ringkasan kesan dan teknik seret jQuery", "Ringkasan teknik sambungan jQuery", "Ringkasan kesan khas klasik biasa jQuery", "ringkasan penggunaan jQuery dan ringkasan penggunaan kesan khas", "ringkasan penggunaan pemilih jquery" dan "ringkasan pemalam dan penggunaan biasa jQuery"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan