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

  • 相关阅读:
    Python之路,day16-Python基础
    Python之路,day15-Python基础
    Python之路,day14-Python基础
    django之model操作
    django信号
    django缓存
    CSRF的攻击与防范
    cookie和session
    http协议之Request Headers
    ajax参数详解
  • 原文地址:https://www.cnblogs.com/zhaoweihang/p/9145411.html
Copyright © 2020-2023  润新知