2019-06-22 cookie 本地存储 jQueryUI

1.cookie

//cookie的读和写需要在服务器环境下

//写cookie

//参数：名称、值、有效期几天、路径

$.cookie('mycookie','ok!',{expires:7,path:'/'});

//读cookie

var val = $.cookie('mycookie');

alert(val);//ok!

2.本地存储

1.//写入

//[{"id":1,"num":2,....},{}..]

localStorage.setItem('mystorage','ok!');

//读取

alert(localStorage.mystorage);//ok!

//写入

// sessionStorage.setItem('name','tom');

//读取

alert(sessionStorage.name);//tom//没有弹undefined

localStorage.setItem('mystorage','{"goods":["1","2"]}');

3.jQueryUI

$(function(){

//draggable()使盒子可以任意拖动

$('.box').draggable({

//约束元素在父级内拖动

containment:'parent',

//限制在X轴方向上可以拖动

axis:'x',

//拖动时透明度变为60%

opacity:0.6,

//可以返回拖动的参数

drag:function(ev,ui){

// console.log(ui);//json格式的对象，offset是绝对位置，position是相对父级的位置

console.log(ui.position.left);//从左到右是1到250

}