jquery插件——cookie

来源：互联网发布：tcl电视观看网络电视编辑：程序博客网时间：2024/04/29 18:04

记住用户名效果：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jquery插件cookie</title>    <script src="js/jquery.min.js"></script>    <script src="js/jquery.cookie.js"></script>    <style>    </style></head><body><label for="username">用户名：</label><input type="text" name="username" id="username"><br><input type="checkbox" name="check" id="check">记住用户名<script>    $(function(){        var COOKIE_NAME = 'username';        if( $.cookie(COOKIE_NAME) ){            $('#username').val( $.cookie(COOKIE_NAME) );        };        $('#check').click(function () {            if(this.checked){                $.cookie(                        COOKIE_NAME,                        $('#username').val(),                        {                            path:'/',                            expires:10                        }                )            }else{                $.cookie(                        COOKIE_NAME,                        null                )            }        })    });</script></body></html>

效果图：
这里写图片描述

0 0