JQUERY.COOKIE插件的基本用法

jQuery.cookie的基本用法:

Include script after the jQuery library (unless you are packaging scripts somehow else):

<script src="/path/to/jquery.cookie.js"></script>

Create session cookie:

$.cookie('name', 'value');

Create expiring cookie, 7 days from then:

$.cookie('name', 'value', { expires: 7 });

Create expiring cookie, valid across entire site:

$.cookie('name', 'value', { expires: 7, path: '/' });
Read cookie:

$.cookie('name'); // => "value"
$.cookie('nothing'); // => undefined

Read all available cookies:

$.cookie(); // => { "name": "value" }

Delete cookie:

// Returns true when cookie was successfully deleted, otherwise false
$.removeCookie('name'); // => true
$.removeCookie('nothing'); // => false
 
// Need to use the same attributes (path, domain) as what the cookie was written with
$.cookie('name', 'value', { path: '/' });
// This won't work!
$.removeCookie('name'); // => false
// This will work!
$.removeCookie('name', { path: '/' }); // => true

JQUERY的COOKIE实例

jquery的cookie插件可以方便操作cookie,首先引入jquery.cookie.js文件,可以去官网下载。

<script type="text/javascript" src="__STATIC__/common/js/jquery.cookie.js"></script>

以下使用jquery的cookie实现一个简单的功能,一个公共栏,可以点击展开或者收缩,第一次进入页面默认展开,第二次以后进入页面默认收缩,但是点击也可以展开。

通过jquery的cookie记录是否第一次访问界面:

<script>
    (function($) {
        var $trigger = $('.dz_box .dz_title');
        var $view_cur = $('.dz_title a:first');
        var $view = $('.dz_box .dz_info');
        var uid = {$businesser_info['uid']};
 
        var has_read = $.cookie('gonggao_uid_' + uid);
 
        if (has_read) {
            $view.hide();
            $view_cur.removeClass('wel_down01').addClass('wel_up01');
        }else{
            $view_cur.removeClass('wel_up01').addClass('wel_down01');
            $.cookie('gonggao_uid_' + uid, '1');
        }
 
        $trigger.click(function () {
            if ($view_cur.hasClass('wel_up01')) {
                $view.slideDown();
                $view_cur.removeClass('wel_up01').addClass('wel_down01');
            } else {
                $view.slideUp();
                $view_cur.removeClass('wel_down01').addClass('wel_up01');
            }
        });
    })(jQuery);
</script>

时间: 2024-12-21 23:53:18

JQUERY.COOKIE插件的基本用法的相关文章

《扩展 jQuery》——6.2 jQuery Cookie插件

6.2 jQuery Cookie插件 函数插件的另一个很好的例子是Klaus Hartl写的Cookie插件.它允许开发者以一种很简单的方式来读写页面上的 cookie,而不需要知道这些cookie使用的格式和编码.开发者可以在每个用户的电脑上保存一些网站的状态信息来增强用户体验.因此,它不操作页面上的元素集合. 6.2.1 Cookie的交互 Cookies是存储在用户机器上并与一个或几个页面相关联的少量数据.一个网页的cookie在它的页面上是可访问的,并在每次请求时都会被回传到服务器上,

【新手求助】asp.net 使用jquery.cookie插件操作cookie丢失

问题描述 在客户端,使用jquery.cookie插件操作cookie来保持状态,发现两个页面之间的cookie是独立存在的,比如$.cookie("dateStart")这个cookie,在第一个页面和第二个页面的值不一样 解决方案 解决方案二:发现不是丢失,而是同一个页面出现相同key的cookie,为什么呢解决方案三:换个浏览器看看解决方案四:引用2楼SaRoot的回复: 换个浏览器看看 还是一样的解决方案五:用vs的小服务器吧?换在IIS里试试~!解决方案六:引用2楼SaRoo

jQuery validate插件功能与用法详解_jquery

本文实例讲述了jQuery validate插件功能与用法.分享给大家供大家参考,具体如下: 前言:对于表单内容格式的验证,原生JS的写法,较为繁琐,笔者曾在写一个注册界面的时候,验证邮箱格式,用户名格式,密码格式,多处使用了正则,并且错误提示信息也要用display:none/显示隐藏,在用过jQuery validate插件后,则大大加快了开发速度! 1.jQuery validate插件提供了强大的验证功能,jQuery validate插件的官网是http://jqueryvalidat

jquery.cookie插件实现网页换肤功能

网页换肤实现原理: 使用jquery.cookie插件将用户操作记录下来,下次访问时直接读取cookie记录(本例中,只用于设置样式) 实例:设置cookie值用于记录.demo标签的id值以模拟"网页换肤"功能的实现,换肤原理思路是一样的! 查看效果方法:点击运行按钮,在新打开的演示页面中随意点击"假装是绿色主题"."假装是黑色主题"2个链接中的任意一个,.demo标签背景色随之切换,刷新页面或退出浏览器再重新打开,.demo标签背景色仍然保持

jquery cookie插件代码类_jquery

提供方便方法操作cookie : 复制代码 代码如下: $.cookie('the_cookie'); // 获得cookie $.cookie('the_cookie', 'the_value'); // 设置cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); //设置带时间的cookie $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain:

快速学习jQuery插件 Cookie插件使用方法_jquery

Cookie是网站设计者放置在客户端的小文本文件.Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息使用方法:1.引入jquery.cookie.js <script src="scripts/jquery-1.6.4.js" type="text/javascript"></script&

详解jQuery的Cookie插件_jquery

一.jQuery.Cookie.js插件是一个轻量级的Cookie管理插件. 特别提醒,今日发现一个特别的错误,google浏览器提示:has no method $.cookie.火狐浏览器提示:$.cookie is not a function;调试了半天,终于找到原因,如果同一个页面两次或者多次引入jQuery插件就会报此错误. 使用方法: 1.引入jQuery与jQuery.Cookie.js插件. <script src="jQuery.1.8.3.js" type=

基于JQuery的cookie插件_jquery

简单使用方法: 复制代码 代码如下: <html> <head> <title>JQuery-Cookie插件</title> <script type="text/javascript" src="jquery-1.4.js"></script> <script type="text/javascript" src="jquery.cookie.js&quo

jquery cookie 与asp.net实现登录记住用户名密码

jquery实现cookie登录记住用户名密码问题,只需在页面写上相应js方法后台不用做任何处理,下次登录就能记住用户名和密码 先来介绍关于jquery读取cookie方法 example $.cookie('the_cookie', 'the_value'); 设置cookie的值 example $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true}); 新