第十七章jQuery中的事件与动画

news/2024/7/10 23:06:41 标签: jquery, 前端, javascript

一。常用事件

1.鼠标事件:

mouseover():在鼠标进入内容后一直显示事件

mouseout():在鼠标离开内容后一直显示事件

mouseenter():在进入刹那间显示事件

mouseleave():在退出刹那间显示事件

案例:

2.键盘事件:

案例:

.append:末尾打印添加内容

event.keycode:添加事件,获取键盘码(将内容数量控制于13之间)

3.浏览器事件:

4.绑定·事件:

案例:

绑定多个事件:当使用{ }情况下时候,事件类型不用加  "  " 

绑定单个事件:当没有使用的情况下()单事件,则要加 " "

5.移除事件:

6.符合事件:

(1)hover():方法  仅限于mouseover和mouseout事件

2):toggle():方法   连续点击事件

toggleClass内部事件在添加事件时候不需要使用 .   ,直接使用事件名字

二。动画效果:

1.控制元素的隐藏和显示

2.改变元素透明度

3.改变元素高度:up(隐藏)  down(显示)


http://www.niftyadmin.cn/n/5180838.html

相关文章

Learning reliable modal weight with transformer for robust RGBT tracking

论文:《Learning reliable modal weight with transformer for robust RGBT tracking》 针对问题:局部线性匹配容易丢失语义信息 解决方法:为了增强特征表示和深化语义特征,分别设计了一种基于改进的Resnet-50的模态权值分配策略…

【milkv】0、duo编译环境搭建

一、开发资料整理 Docker https://hub.docker.com/repository/docker/dreamcmi/cv1800-docker/general GitHub https://github.com/milkv-duo/duo-buildroot-sdk CV181x/CV180x MMF SDK 开发文档汇总 https://developer.sophgo.com/thread/471.html cv181x芯片使用的交叉…

PTA_编程题_1001 (3n+1)猜想

题目 卡拉兹(Callatz)猜想: 对任何一个正整数 n,如果它是偶数,那么把它砍掉一半;如果它是奇数,那么把 (3n1) 砍掉一半。这样一直反复砍下去,最后一定在某一步得到 n1。卡拉兹在 1950 年的世界数学家大会上公…

Cocos--2

切换场景 test(){director.loadScene("scene-001");} 只执行一次的计时器(快捷方式) this.scheduleOnce(function() {// 这里的 this 指向 componentthis.doSomething();}, 2);

flink 写入 starrocks 报错 too many filtered rows attachment

可能原因1 把你starrocks中DDL里的varchar(...) 先修改为STRING. 一般是因为字段超出定义的长度. 可能原因2 csv里有脏数据 导致3列被切分为4列 ....PRIMARY KEY (id) NOT ENFORCED ) WITH (connector starrocks,jdbc-url ...,username ...,password ...,database-nam…

F : DS图遍历--广度优先搜索

Description 给出一个图的邻接矩阵,对图进行广度优先搜索,从顶点0开始 注意:图n个顶点编号从0到n-1 如果图不连通,则对尚未访问的编号结点继续进行广度优先搜索,直到所有结点被访问 Input 第一行输入t&#xff0c…

Maven介绍及配置

目录 一.Maven 1.介绍 坐标 仓库 1)中央仓库 2)本地仓库 3)私服 配置国内源 配置过程 二.Maven功能 2.项目构建 3.依赖管理 Maven Help插件 安装 ​使用 一.Maven 1.介绍 坐标 唯一的,通过以下代码的三个键值对确…

微信小程序:仅前端实现对象数组的模糊查询

效果 核心代码 //对数组进行过滤&#xff0c;返回数组中每一想满足name值包括变量query的 let result array.filter(item > { return item.name.includes(query); }); 完整代码 wxml <input type"text" placeholder"请输入名称" placeholder-styl…