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)：用于删除值对；

<input type="button" value="设置值对" id="btn-set">
<input type="button" value="获取值" id="btn-get">
<input type="button" value="删除值对" id="btn-remove">

<script type="text/javascript">
(function($) {

$(function() {
    $("#btn-set").click(function(event) {
        $.hash(window.prompt("give a name please:"), window.prompt("give a value please"));
    });

    $("#btn-get").click(function(event) {
        alert($.hash(window.prompt("give a name please:")));
    });

    $("#btn-remove").click(function(event) {
        $.hash(window.prompt("give a name please:"), null);
    });
});

})(jQuery);
</script>