js每日一练京东无延迟菜单
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js每日一练京东无延迟菜单相关的知识，希望对你有一定的参考价值。
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每日一练京东无延迟菜单的主要内容，如果未能解决你的问题，请参考以下文章