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

原文地址:https://www.cnblogs.com/zhaoweihang/p/9145411.html