手记

【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的原创作品,如需转载,请注明出处,否则将追究法律责任


0人推荐
随时随地看视频
慕课网APP