Jquery -cookies

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="JS/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="JS/jquery-ui.js" type="text/javascript"></script>
<script src="JS/jquery.cookie.js" type="text/javascript"></script>
<script>
// var num1 = [1, 3, 5];
// var arr = $.map(num1, function (e) {
// return e * 2
// });
// for (var i = 0; i < arr.length; i++) {
// alert(arr[i]);
// }

// $.each(num1, function () {
// alert(this);
// });

// var arr = $.map(num1, function () {
// alert(this);
// });
// $(function () {
// $("div").click(function () {
// alert($(this).text());
// });
// }
// });
// $(function () {
// $("#draggable").draggable();
// });
$(function () {
$("#btnWrite").click(function () {
$.cookie("mytext", $("#txt1").val());
});
$("#btnRead").click(function () {
$("#txt1").val($.cookie("mytext"));
});
$("#ding").click(function () {
if ($.cookie("ding") == "true") {
alert("已经ok过了");
return;
}
alert("ok");
$.cookie("ding", "true", {expires:1});//有效期
});
});
</script>

<style>
#draggable { width : 150px; height : 150px; padding : 0.5 em; }
</style>
</head>
<body>
<input type=text id="txt1" />
<button id="btnWrite">写入</button>
<button id="btnRead">读取</button>
<button id="ding">顶一下</button>
<div id = "draggable" class = "ui-widget-content">
<p> Drag me around </p>
</div>
</body>
</html>

posted @ 2013-08-10 16:51  L-Jie  阅读(171)  评论(0编辑  收藏  举报