DOM
关注
分享
扫一扫
文章平均质量分 67
靠技术吃饭
这个作者很懒，什么都没留下…
展开
-
jQuery事件对象
一、jQuery 事件对象jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。语法：演示代码 ：<body> <div></div> <script> $(function() { $(document).on("click", function() { consol...原创 2021-12-14 09:24:08 · 1315 阅读 · 21 评论 -
jQuery事件绑定与解绑
今天是一期关于事件的相关概述！！一、jQuery 事件注册二、jQuery 事件处理1、事件处理 on() 绑定事件2、事件处理 off() 解绑事件3、事件处理 trigger() 自动触发事件一、jQuery 事件注册jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下： 优点: 操作简单，且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。 演示代码 ：<.原创 2021-12-10 19:06:12 · 1871 阅读 · 24 评论 -
jQuery仿购物车案例
今天成功解锁购物车，想要更多可能就往下看吧！！一、全选二、增减商品数量三、修改商品小计四、计算总计和总和五、删除商品六、选中商品添加背景七、全部文件今天是一些购物车的基本功能实现，全选、增减商品数量、修改商品小计、计算总计和总和、删除商品、选中添加背景颜色等一些常见功能。html结构的全部代码都在文末了，懂的都懂啊！！！一、全选全选分析： ⭐全选思路：里面3个小的复选框按钮（j-checkbox）选中状态（checked）跟着全选按...原创 2021-11-27 09:48:51 · 1675 阅读 · 20 评论 -
轮播图的实现—JavaScript
今天又是一个非常实用的案例哟，听名字就觉得高级很难对吧，今天就来写一个案例，让你轻松学到轮播图的精髓！！还是老规矩，来看一下实现效果！！学习轮播图的首先是要把图片准备好，并且用 ul 的里面的 li 包起来，给 li 一个浮动，让他们显示在一行上，但是注意了，一定要给 ul 足够的宽哦！！来吧，html 和 css 代码如下所示（文件名：index.html）<!DOCTYPE html><html lang="en"><head> .原创 2021-11-12 11:05:33 · 2677 阅读 · 34 评论 -
js实现放大镜效果(图片放大)—JavaScript
类似于放大镜效果的图片放大效果，学到了才知道什么叫做人外有人！！！！原创 2021-11-10 16:54:59 · 18554 阅读 · 50 评论 -
简单的 html拖动模态框 案例
要想做好这个案例首先分为三个部分：html 框架和 css 样式、JavaScript 的交互效果（点击弹出和关闭的隐藏效果、最后就是一个拖动的效果）！原创 2021-11-05 17:31:42 · 1737 阅读 · 34 评论 -
鼠标和键盘事件带来的便利
今天是 关于 DOM 事件最后一次 分享！！一、常用鼠标事件1、案例：禁止选中文字和禁止右键菜单2、鼠标事件对象3、获取鼠标在页面的坐标二、常用键盘事件1、键盘事件2、键盘事件对象3、案例：输入框方法提示一、常用鼠标事件1、案例：禁止选中文字和禁止右键菜单案例代码<body> 我是一段不愿意分享的文字 <script> // 1. contextmenu 我们可以禁用右键菜单 .原创 2021-11-04 14:35:03 · 234 阅读 · 22 评论 -
DOM 的 事件高级 带来的革新
仔细感受一下 DOM 事件给我们带来的变化！！原创 2021-11-03 09:12:44 · 343 阅读 · 14 评论 -
这是面试中常出现的一个问题
接下来这是面试中经常会出现的问题，看到的小伙伴们一定要认真记住了！！创建元素的三种方式原创 2021-11-01 15:25:53 · 146 阅读 · 9 评论 -
了解更多的 DOM 操作
今天主要来学习一些案例！一、排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：...原创 2021-10-30 09:08:43 · 305 阅读 · 10 评论 -
学习 DOM 的入门级手册
目录一、Web API 介绍1、API 的概念2、Web API 的概念二、DOM 介绍1、什么是 DON2、DOM 树三、获取元素1、根据 ID 获取2、根据标签名获取元素3、H5 新增获取元素方式4、获取特殊元素（body、html）四、事件基础1、事件概述2、事件三要素3、执行事件的步骤4、常见的鼠标事件五、操作元素1、改变元素内容（获取或设置）2、常用元素的属性操作3、表单元素的属性操作4、样式属性操作六、今日.原创 2021-10-28 11:08:14 · 7802 阅读 · 22 评论 -
天使跟我走，世界我都有
简单又有趣的小案例，看过的都称好！原创 2021-10-28 17:43:50 · 2037 阅读 · 28 评论 -
来抄作业了，留言板上写出你的故事....
我又来啦！喜欢的宝宝们就往下看吧！！今天是一个简单的留言板案例，主要是输入内容后点击提交内容就可以到留言区域显示的一个操作！具体效果如下所示：1、首先第一点还是老规矩，先搭建好一个 html 框架！ <div class="box"> <textarea name="" id="" cols="30" rows="10"></textarea> <button>提交</button>..原创 2021-10-26 15:11:26 · 294 阅读 · 20 评论 -
所见即所得
来吧 Baby ！！！！现在已经正式进入 JavaScript 阶段了，学习 web前端 最大的成就感就是项目能够正确跑一边的那一刻。今天来给大家讲讲一个点击事件如何实现一下效果！！！！以下是我们平常浏览网页的时候最常见的一组操作，在导航栏上任意切换的一个效果。做网页的第一步，首先要搭建好结构，由下图不难看出我们需要一个大盒子里面装两个小盒子。实现结构搭建的代码如下所示： <div class="box"> <div clas...原创 2021-10-22 16:35:43 · 891 阅读 · 34 评论