【前端】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、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。
-
定制网站建设的标准化体系:从需求分析到上线了解详情 >
-
石家庄网站制作公司:助力企业打造一个优质的营销网站了解详情 >
-
积分商城系统开发:助力企业提升用户体验与运营效率了解详情 >
-
旅游行业小程序都具备哪些功能:提升用户体验,助力业务增长了解详情 >
-
石家庄中小企业如何通过小程序开发提升竞争力了解详情 >
-
制造业小程序开发,如何开发一个小程序?了解详情 >
-
会员系统开发:提升企业管理效率的关键了解详情 >
-
小程序开发公司哪家好?这几家不得不看!了解详情 >
-
石家庄做网页设计的公司,能够做网页设计和网站开发了解详情 >
-
为什么选择石家庄小程序开发公司,助力企业数字化转型了解详情 >