码迷,mamicode.com
首页 > Web开发 > 详细

【js每日一练】京东无延迟菜单

时间:2018-12-05 18:29:03      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:use   每日   mouse   leave   属性   var   移动   前缀   .data   

1、mouseenter和mouseover的区别
使用mouseover/mouseout时,如果鼠标从父元素移动到子元素上,即便没有离开父元素,也会触发父元素的mouseout事件
使用mouseenter/mouseleave时,如果鼠标没有离开父元素,在其子元素上任意移动,也不会触发mouseleave事件

2、data-前缀属性可以在JS中通过dataset取值,更加方便
<p id="getId" data-id="123">获取id</p>
原生js方法
var getId = document.getElementById("getId");
获取:getId.dataset.id; //123
赋值:getId.dataset.id="234"; //234
新增data属性:getId.dataset.id2 = "888"; //888
删除data属性 :getId.dataset.id2 = null; //null
delete data属性:delete getId.dataset.id2;//null

jq方法
获取:$("#getId").data("id"); //123
赋值:$("#getId").data("id","100"); //100

3、

【js每日一练】京东无延迟菜单

标签:use   每日   mouse   leave   属性   var   移动   前缀   .data   

原文地址:http://blog.51cto.com/9161018/2326492

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!