jquery-事件,each,data

事件
    常用的一些事件
        click(function(){})
        hover()//不能做事件委托(不能用on的写法),写法,鼠标移入,移除的不同状态
                $('.c1').hover(
                //光标移入
            function () {
                console.log('111');
            },
                //光标移出
            function () {
                console.log('222')
            })
        
        focus//获得光标
        blur//失去光标
        
        keyup//window对象控制键盘,提起
        keydown//window对象控制键盘
        
        mouseover//进入识别子标签,遇到子标签就执行,会连续触发
        mouseenter//进去只识别一次,并且不识别子标签
        
        input//事件,必须要用on来绑定(实时监听input输入框的内容)
        $('input').on('input',function () {
        console.log($(this).val())
    })
        
    事件绑定
    jq对象.on('事件','选择器',function())//这句化的以意思是,给选择器赋予
    
    移除事件(不常用)
    .off( events [, selector ][,function(){}])
    阻止后续事件执行
        form表单action为空会默认提交数据给当前页面的url
        
        <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>阻止默认事件</title>
        </head>
        <body>

        <form action="">
            <button id="b1">点我</button>
        </form>

        <script src="jquery.js"></script>
        <script>
            $("#b1").click(function (e) {
                alert(123);
                return false;
                // e.stopPropagation();
            });
        </script>
        </body>
        </html>
    
    阻止事件冒泡
    一个事件执行完后,父级标签如果绑定了同样的事件,会出现回退现象,父级标签也会执行事件
    
    事件委托????
        //能把该标签的事件绑定给父级标签,让父级标签去执行操作
    
    页面载入(区别于window对象的onload)
        ready(在你页面的图片视频加载完成之前就能执行js代码)//还没有覆盖现象
        window。onload//是页面所有的图片视频加载完成之后才执行js代码
each用法
    each遍历数组
    
            var li=[1,2,23];
            undefined
            li
            (3) [1, 2, 23]
            $(li).each(function(k,v){
                console.log(k,v)
            })
    
    each遍历多个jq对象
        // 为每一个li标签添加foo
        $("li").each(function(){
          $(this).addClass("c1");
        });
    
    终止each循环
    return false
    
。data
    设置值
        。data(k,v)
        。data({k1:v1,k2:v2})
    取值
        .data(k)
    移除data
        .dremoveData(k)
动画(了解)
    
    
插件(了解)
    1.
    jq对象。extend({
    min:funcion(){}
    max:function(){}
    
    })
    
    只能全局的$.max()才能用
    
    2。
    jq。fn。extend(
    {
    max:function(){}
    min:function(){}
    }
    )
    加了fn标签对象才能用

 

posted @ 2019-03-22 20:29  烧刘病  阅读(140)  评论(0编辑  收藏  举报
回到页首