【前端】JQuery事件

发布时间:2018-07-09 11:10:00

 1.JQ事件

    (1)事件绑定及移除

   绑定:on()  语法:on(events,[selector],[data],fn)

        例:$('.box').on('click','span',function(){

alert(111);

       })

   移除:off( type , fn )--on()的反向操作,

例:$('.box').off('click');

        one()  为匹配的元素绑定一次性的事件处理函数

                执行完之后就会被移除

    (2)合成事件

  hover( )方法

  语法:hover(fn1,fn2)

    (3)事件对象 e

  JQ处理了其中的兼容问题,可以直接使用

    (4)常用事件对象的属性

  阻止冒泡:e.stopPropagation()

  阻止默认行为:e.preventDefault();

  事件类型:e.type

  触发事件的元素:e.target

  相对文档的坐标:e.clientX/Y   e.pageX/Y

  鼠标事件中离开或者进入的DOM元素:e.relatedTarget  仅限制于onmouseover和onmouseout

  事件发生时的时间戳:e.timeStamp (返回总毫秒数)

  指示按了哪个键或按钮:e.which

    (5)转换

  var oDiv=document.getElementById("div1");

  $(oDiv).css("background","red");

  $("#div1").get(0).style.background="red";

  get(index)方法 取得其中一个匹配的元素

    远近互联前端小华整理发布,希望能对学习技术的你有所帮助

    远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】