分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

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

发布时间:2023-09-06 02:25责任编辑:蔡小小关键词: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每日一练】京东无延迟菜单

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved