首页 > Web开发 > 详细

jQuery hash

时间:2015-09-25 11:18:24      阅读:199      评论:0      收藏:0      [点我收藏+]

介绍

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>

 

jQuery hash

原文:http://www.cnblogs.com/goodpan/p/4837321.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!