【js每日一练】网页进度条

Logo

首页

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、jquery this 与 event.target区别

this会冒泡，this是可以变化的

event.target不冒泡，也t不会变化，永远指向触发事件的DOM元素

4、addClass()

函数的返回值是jQuery类型，返回当前jQuery对象本身

5、parseInt("300px"); //得到"300"，number类型

©著作权归作者所有：来自51CTO博客作者xxxpjgl的原创作品，如需转载，请注明出处，否则将追究法律责任