jquery常用插件介绍及使用

使用jquery.cookie.js插件来写入名为username的cookie值和读取名为username的cookie值 案例预览>>

    <a href="javascript:addCookie()">添加</a> | 
    <a href="javascript:delCookie()">删除</a> | 
    <div>用户名：<span></span></div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script type="text/javascript"> 
    function addCookie(){
        //设置cookie值
        $.cookie("username","xiyueta.com");
        show();
    }
    function delCookie(){
        //删掉username的cookie值
        $.cookie("username",null);
        show();
    }
    function show(){            
        $("span").text( "="+ $.cookie("username"))
        console.log("username",$.cookie("username"))
    }
    $(function(){
        show();//默认显示
    })

    </script>