js最后深入总结

js常用事件：

click  #点击事件

hover #鼠标漂浮事件，，鼠标移到上面就触发事件

blur  #失去焦点就触发事件，多用于文本框操作

focus  #获得焦点就触发事件，

change  #多选会用到，select

keyup和keydown #键盘组合事件

input  #在textarea ,input:text,input:password,input:search里面一旦输入内容，立刻触发，实时监听

$(window).on("keyup",function(e){

　　if (e.keyCode===16){

　　　　flag=true;

}

})

$(window).on("keyup",function(e){

　　if (e.keyCode===16){

　　　　flag=flase

}

})

事件绑定：

。on(事件，【选择器】，funtion(){

})

移除事件：

。off(事件，【选择器】，funcyion(){

})

阻止后续事件的执行

1 return flase ;//常见阻止表单提交等等

注意  “hover”这种jQuery中定义的事件不能用。on的方法来绑定

页面载入：当DOM载入就绪可以查询及操纵时绑定一个要执行的函数，，可以极大的提高web应用程序的响应速度

两种写法：

$(document)。ready(function(){

　　//在这里写要执行的的JS代码

})

$(function(){

//在这里写要执行的JS代码

})

事件委托：

利用事件冒泡的原理（会一级一级往上找事件 ），利用父标签取捕捉子标签的事件。

动画效果：

show(s,[e],[func]) #s代表事件，e代表

hide()#隐藏

toggle([s],[e],[fn])

滑动 ：

slideDown([s],[e],[fn])

slideUp([s,[e],[fn])

slideToggle([s],[e],[fn])

淡入淡出：

fadeIn([s],[e],[fn])

fadeOut([s],[e],[fn])

fadeTo([[s],o,[e],[fn]])

fadeToggle([s,[e],[fn]])

自定义:

animate(p,[s],[e],[fn])

补充each

相当于dom中的For循环：

$(".c1").each(function(i){

　　$(".c1")[i]  #代表里面的的每一个元素

})

也可以这么写：

li=[10,20,30,40]

$.each(li,function(i,v){

　　console.log(i,v)

})

可以用return flase来提前结束循环

return可以跳出本次循环

。data()

用来保存变量：

$("div").data("k",100)

.data(name,value)

$("div").data("k")

移除元素数据.。removeData("k");