1. 程式人生 > >【js每日一練】京東無延遲選單

【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、