jqueryclear方法 jquery中怎么操作cookie

jquery中怎么操作cookie

先来看看jq.cookie的aip
写入cookie

复制代码代码如下:
$.cookie("this-cookie","this-value",{
expires:10,//有效日期
path:"/",//cookie的路 径
domanin: //cookie的域名
secure:true //true,cookie的传输会要求一个安全协议,否则反之
})

读取cookie

复制代码代码如下:
$.cookie("this-cookie")

删除cookie

复制代码代码如下:
$.cookie("this-cookie",null)

是不是很简单呢，这样子就可以完成cookie 下面看一个demo例子

复制代码代码如下:
$(function(){
$("ul li").click(function(){
$("#" this.id).addClass("cur").siblings().removeClass("cur") //切换选中后的样式
$("#colortable").attr("href",this.id ".css")//每次切换更换相对应的样式表
$.cookie("cookie",//写入cookie
this.id,//需要cookie写入的业务
{
"path":"/", //cookie的默认属性
"expires":10 //有效天数
})
})
var cookie=$.cookie("cookie") //读取cookie
if(cookie){
$("#" cookie).addClass("cur").siblings().removeClass("cur")
$("#colortable").attr("href",cookie ".css")
$.cookie("cookie",cookie,{
"path":"/",
"expires": })
}
})

html页面:

复制代码代码如下:
红色
黑色

一个简单的换肤效果就出来了

如果用谷歌浏览器打开 记得要在服务器端哦。。
上面这个demo要注意的地方有：
被点击的盒子。class或者id等 跟对应的样式表名字一样。
这样就完成拉。
整理后的代码如下：

复制代码代码如下:
$(function(){
$("ul li").click(function(){
Mycookie(this.id)
})
var cookie=$.cookie("cookie") //读取cookie
if(cookie){
Mycookie(cookie)
}
})
function Mycookie(thiscookie){
$("#" thiscookie).addClass("cur").siblings().removeClass("cur")
$("#colortable").attr("href",thiscookie ".css")
$.cookie("cookie",thiscookie,{
"path":"/",
"expires": })
}

jquery data 方法 读取html事先写入的数据问题

使用data方法可以避免在DOM中存储数据，有些前端开发者喜欢使用HTML的属性来存储数据：
$(selector).attr(alt, data being stored)
//之后可以这样读取数据:
$(selector).attr(alt)

使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据。

$(selector).data(参数名, 要存储的数据)

//之后这样取得数据:
$(selector).data(参数)
这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储数据信息。如果想了解更多关于data()和removeData()方法的介绍，可以看看jQuery官方讲解。
这个方法的经典应用是给input域一个默认值，然后在聚焦的时候清空它:

HTML部分:

JavaSript部分：

$(function() {
//取出有clear类的input域
//(注: "clear once" 是两个class clear 和 once)
$(#testform input.clear).each(function(){
//使用data方法存储数据
$(this).data( "txt", $.trim($(this).val()) )
}).focus(function(){
// 获得焦点时判断域内的值是否和默认值相同，如果相同则清空
if ( $.trim($(this).val()) === $(this).data("txt") ) {
$(this).val("")
}
}).blur(function(){
// 为有class clear的域添加blur时间来恢复默认值
// 但如果class是once则忽略
if ( $.trim($(this).val()) === "" && !$(this).hasClass("once") ) {
//Restore saved data
$(this).val( $(this).data("txt") )
}
})
})
查看Demo

jquery的load()方法，setTimeOut

没有代码 参考...
jquery的load()方法 是ajax 的 继承    
语法 :load(url,data,function(response,status,xhr))

function(response,status,xhr) 是回调函数 在这个函数里面处理 装载完成后的一些进程





</script>



function cc(){
var d = $("#div")
d.load("t1.php",{} ,function (){//第一次load的回调函数
settime=setInterval( timer, 10000)//计时器
$(document).bind("contextmenu",function(e){//取消右键菜单
return false
})
})
}
function timer(){
 var d = $("#div")
d.load("t1.php",{} ,function (){//第二次LOAD的回调函数
 clearInterval(settime)//清除计时器
 alert("clear")
 $(document).unbind("contextmenu")//恢复右键菜单
})
}

</script>




ssss