jQuery hash

介绍

jQuery hash 被设计用来做为一种本地临时存储的解决方案，其实现基于 url 的 hash 部分。

一般情况下，当页面被刷新时，重新加载的页面，需要通过 Ajax 恢复其原来的 UI 状态。通过 cookie 存储状态固然是一种解决方式，但却受限于 cookie 的大小，而通过 hash 却可有针对性地保留用户操作的临时状态信息。

使用方法

jQuery hash 按照 jQuery Cookie 的风格进行了“命名-值”对的封装，兼容 jQuery Cookie 的一般用法。它被直接绑定到 jQuery 对象上，且只提供了 hash 方法，但有以下三种形式：

• hash("name", "value")：用于存储值对；
• hash("name")：用于获取值；
• hash("name", null)：用于删除值对；

 1 <input type="button" value="设置值对" id="btn-set">
 2 <input type="button" value="获取值" id="btn-get">
 3 <input type="button" value="删除值对" id="btn-remove">
 4 
 5 <script type="text/javascript">
 6 (function($) {
 7 
 8 $(function() {
 9     $("#btn-set").click(function(event) {
10         $.hash(window.prompt("give a name please:"), window.prompt("give a value please"));
11     });
12 
13     $("#btn-get").click(function(event) {
14         alert($.hash(window.prompt("give a name please:")));
15     });
16 
17     $("#btn-remove").click(function(event) {
18         $.hash(window.prompt("give a name please:"), null);
19     });
20 });
21 
22 })(jQuery);
23 </script>

 

转载于:https://www.cnblogs.com/goodpan/p/4837321.html