发表于: 2017-03-25 23:50:37
1 581
今天完成的事:
学习JQ
为元素的click、focus、change、submit等事件绑定一个或多个处理函数
手动触发元素的指定事件。
阻止事件触发默认行为,或停止事件在DOM树中的冒泡
解除指定元素上的事件绑定
load()为load事件绑定处理函数。该事件会在资源加载完成时触发
ready()为ready事件绑定处理函数。该事件会在DOM载入并准备就绪时触发。
unload()为unload事件绑定处理函数。该事件会在用户离开当前页面时触发。
change()为change事件绑定处理函数,或触发该事件。该事件会在元素的值被更改时触发。
focusin()为focusin事件绑定处理函数。该事件会在元素获得焦点时触发。
focusout()为focusout事件绑定处理函数。该事件会在元素失去焦点时触发。
select()为select事件绑定处理函数,或触发该事件。该事件会在元素的用户输入被选中时触发。
submit()为submit事件绑定处理函数,或触发该事件。该事件会在表单被提交时触发。;
click() 1.0 为click事件绑定处理函数,或触发该事件。该事件会在点击鼠标按钮时触发。
dblclick()为dblclick事件绑定处理函数,或触发该事件。该事件会在双击鼠标按钮时触发。
toggle()为click事件绑定两个以上的处理函数,每次触发事件时将轮流切换执行其中的单个函数。
hover() 1.0 为hover事件绑定处理函数。该事件会在鼠标进入或离开元素时触发。
学习了localStorage
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。
首先在使用localStorage的时候,我们需要判断浏览器是否支持localStorage这个属性
if(!window.localStorage){
alert("浏览器支持localstorage");
return false;
}else{
//主逻辑业务
}
localStorage的写法
if(!window.localStorage){
alert("浏览器支持localstorage");
return false;
}else{
var storage=window.localStorage;
//写入a字段
storage["a"]=1;
//写入b字段
storage.a=1;
//写入c字段
storage.setItem("c",3);
console.log(typeof storage["a"]);
console.log(typeof storage["b"]);
console.log(typeof storage["c"]);
}
明天计划的事:
1,继续学习JQ
2,继续编写任务3
遇到的问题:
收获:
对JQ事件有了新的了解 学会了本地存储
评论