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、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。