jQuery-cookie插件的使用
什么是插件？
基于jQuery的語法，按照一定規范書寫，具有特定功能的腳本檔案，稱為插件，
插件除了js檔案之外，有的還包含css檔案，圖片和字體等資源檔案，
在jQuery的官網https://jquery.com/搜索和下載需要的插件，
1.引入cookie插件
<head> <meta charset="utf-8"> <title>cookie插件的使用</title> <!-- 首先引入jQuery --> <script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script> <!-- 插件基于jQuery，然后再引入下載的cookie插件 --> <script src="../js/cookie/jquery.cookie.js" type="text/javascript" charset="utf-8"></script> </head>
cookie是什么？
cookie就是瀏覽器存盤在用戶電腦上的一小段文本檔案，一個web頁面或服務器會告知瀏覽器按照一定規范來存盤這些資訊，并在之后的請求中將這些資訊發送至服務器，web服務器就可以使用這些資訊來識別不同的用戶，例如，訪問一個網站輸入賬號密碼，如保存密碼則在cookie的有效期內再次訪問網站時不會再輸入賬號密碼，
2.創建cookie
在jQuery的官網，下載插件的頁面都會有相應的使用檔案，
<script type="text/javascript"> function doAdd(){ //cookie的名字的屬性 $.cookie("username",$("#userName").val());//未指定過期時間，則會在關閉瀏覽器或過期， $.cookie("password",$("#passWord").val(),{expires:7});//指定有效期,7代表的是7天 } </script>
設定輸入框和按鈕框并系結，
<body> 用戶名:<input type="text" name="" id="userName" value="" /> 密碼:<input type="password" name="" id="passWord" value="" /> <hr > <input type="button" name="" id="" value="添加cookie" onclick="doAdd()" /> </body>
當在input中輸入用戶名密碼后點擊按鈕呼叫doAdd函式
3.讀取cookie
//讀取cookie
function doRead(){
//讀取指定名字的cookies
console.log($.cookie("username"));//直接呼叫cookie方法獲取名字
}
讀取所有cokkie,需要使用each()方法遍歷
<script type="text/javascript"> function doAdd(){ //cookie的名字的屬性 $.cookie("username",$("#userName").val());//未指定過期時間，則會在關閉瀏覽器或過期， $.cookie("password",$("#passWord").val(),{expires:7});//指定有效期,7代表的是7天 } //讀取cookie function doRead(){ //讀取所有cookie var cookies = $.cookie(); $.each(cookies,function(key,value){ console.log(key+ "=" +value); }); } </script>
設定按鈕并系結
<input type="button" name="" id="" value="讀取cookie" onclick="doRead()"/>
在控制臺輸出
4.洗掉cookie
和讀取類似
<script type="text/javascript"> //洗掉 function removeDel(){ $.removeCookie("username"); } </script>
呼叫方法獲取到想要洗掉的cookie名字
設定按鈕并系結
<input type="button" name="" id="" value="洗掉cookie" onclick="removeDel()"/>
這里洗掉了username
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/24987.html
標籤：jQuery