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");