communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 使用jQuery操作Cookies的实现代码_jquery

使用jQuery操作Cookies的实现代码_jquery

WBOY
Libérer： 2016-05-16 18:01:20
original
1301 Les gens l'ont consulté

当你浏览某网站时，你硬盘上会生产一个非常小的文本文件，它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。

当你再次来到该网站时，网站通过读取Cookies，得知你的相关信息，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登录等等。从本质上讲，它可以看作是你的身份证。

使用传统的Javascript来设置和获取Cookies信息很麻烦，要写上几个函数来处理，幸运的是jQuery帮我们做了很多事，借助jQuery插件，我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件：http://plugins.jquery.com/project/Cookie

创建Cookie

使用jQuery设置cookie非常简单。如，我们创建一个名为“example”，值为“foo”的cookie：

复制代码 代码如下:

$.cookie("example", "foo");

要设置cookie的有效期，可以设置expires值，如设置cookie的过期时间为10天：
复制代码 代码如下:

$.cookie("example", "foo",{expires:10}); 

设置cookie一小时后过期：
复制代码 代码如下:

var cookietime = new Date();
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时
$.cookie("example", "foo",{expires:cookietime});

要设置cookie的保存路径，可以设置path值，如设置路径为根目录：
复制代码 代码如下:

$.cookie("example", "foo",{path:"/"});

如果要设置路径为/admin，则：
复制代码 代码如下:

$.cookie("example", "foo",{path:"/admin"});

获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单，下面是弹出框显示名为“example”的cookie的值：
复制代码 代码如下:

alert($.cookie("example"));

删除Cookie
使用jQuery删除cookie，只需要将cookie的值为null，注意如果设置值为空的字符串时，并不能删除cookie，只是将cookie值清空而已。
复制代码 代码如下:

$.cookie("example",null);

了解了cookie相关设置操作方法后，再接下来的文章中，我会用实例演示cookies的应用，如记录网站用户浏览的历史记录（浏览过的商品、看过的电影），敬请关注。
Étiquettes associées：
cookies jquery
source：php.cn
Article précédent：js弹出层之1：JQuery.Boxy (二)_jquery Article suivant：jQuery图片预加载 等比缩放实现代码_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Comment récupérer les valeurs des lignes non sélectionnées dans un tableau de données HTML à l'aide de jquery J'essaie d'obtenir la valeur de toutes les lignes sur lesquelles le bouton n'a pas été cli...
Depuis 2024-04-05 09:26:49
0
1
1418
Besoin d'un script jquery pour déplacer les options sélectionnées à partir d'une zone de sélection en fonction de la sélection actuelle de l'utilisateur final J'ai une page HTML où l'utilisateur final peut classer nos articles via un élément de boît...
Depuis 2024-04-04 18:40:04
0
1
3528
J'ai créé un élément en CSS pur via des signets. Il est créé mais n'est pas visible Mon code est le suivant : g=document.createElement('div');g.setAttribute("id",&q...
Depuis 2024-04-04 17:27:27
0
1
417
Impossible d'envoyer les données du formulaire sur Safari/Firefox iOS Cela fonctionne sur toutes les plateformes sauf Safari/Firefox sur iOS : jQuery("#gfo...
Depuis 2024-04-04 12:53:48
0
1
303
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal