• JQuery事件


    border-collapse: collapse;

    separate

    边框独立

    collapse

    相邻边被合并

     $.each(object,[callback])

    遍历数组,同时使用元素索引和内容。

    $.each( [0,1,2], function(i, n){

      alert( "Item #" + i + ": " + n );

    });

    遍历对象,同时使用成员名称和变量内容。

    $.each( { name: "John", lang: "JS" }, function(i, n){
      alert( "Name: " + i + ", Value: " + n );
    });

    each(callback)

    以每一个匹配的元素作为上下文来执行一个函数。

    $("img").each(function(i){
       this.src = "test" + i + ".jpg";
     });

    删除元素

    remove([expr]) 与 empty()

    empty()方法并非真正意义上的删除,使用该方法,仅仅可以清空全部节点或所包括的所有后代元素,并非删除节点和元素。

    其实empty()就是将元素内容置空。比方这样的一个<label>name</labe>这个时候,我们如果要替换内容,可以用$("label").empty(),和$("label").text("")类似。

    如果$("label").remove().就是将这个label元素直接移除了。那么审查元素的时候,就个元素就不存在了。

     

    事件机制

    事件在触发后别分为2个阶段,一个是捕获,一个是冒泡

    大多数浏览器并不支持捕获阶段,jQuery也不支持

    在代码中除了使用stopPropagation()阻止事件冒泡过程,还可以通过语句return false

     

    页面载入机制

    ready()方法的工作原理

     onload()方法的执行必须是页面全部元素完全加载到浏览器才触发,在这种情况下,如果图片过大,那么有可能要等onload()方法执行完毕,用户才能进行其他操作。

    jQuery中的ready()方法则只要页面的DOM模型加载完毕就会触发。

     

    bind(type,[data],fn)

    type调用的类型包括

    blur,focus,load,scroll,unload,click,
    dbclick,mousedown,mouseup,mousemove,mouseover,
    mouseout,mouseenter,mouseleave,change,select,submit,
    keydowm,keypress,keyup,error
    参数data是作为event.data的属性值传递给事件对象额外的数据对象
    参数fn是绑定到每个选择元素的事件中的处理函数

    Eg1:

    $(function(){

       $(‘.txt’).bind({

    focus : function(){},

    change: function(){}

    })

    })

    Eg2:

    $(function(){

       $(‘.txt’).binnd(‘change’,{msg : message},function(event){

        $(‘#divTip’).html(event.data.msg)

    })

    })

     

    切换事件、移除事件

    hover(over,out)

    toggle(fn,fn2,fn3,[fn4,fn5,……])每次单击后依次调用函数

    unbind([type],[fn])如果没有参数则移除所有绑定事件

    如果带有参数type或fn 则移除该参数指定的事件类型或指定的函数类型

  • 相关阅读:
    20190817-T1-LOJ6322「雅礼国庆 2017 Day6」Star Way To Heaven
    20190817-涪
    20190816-周期
    考试总结 模拟95
    考试总结 模拟94
    考试总结 模拟93
    考试总结 模拟92
    考试总结 模拟91
    考试总结 模拟90
    考试总结 模拟89
  • 原文地址:https://www.cnblogs.com/pittle-z/p/10028669.html
Copyright © 2020-2023  润新知