一、动画

动画
1. 三种方式显示和隐藏元素
  1. 默认显示和隐藏方式
    1. show([speed,[easing],[fn]])
      1. 参数：
        
        speed：动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如：1000)
        
        easing：用来指定切换效果，默认是"swing"，可用参数"linear"
        swing：动画执行时效果是先慢，中间快，最后又慢
        
        linear：动画执行时速度是匀速的
        
        fn：在动画完成时执行的函数，每个元素执行一次。
    2. hide([speed,[easing],[fn]])
    3. toggle([speed],[easing],[fn])
  2. 滑动显示和隐藏方式
    1. slideDown([speed],[easing],[fn])
    2. slideUp([speed,[easing],[fn]])
    3. slideToggle([speed],[easing],[fn])
  3. 淡入淡出显示和隐藏方式
    1. fadeIn([speed],[easing],[fn])
    2. fadeOut([speed],[easing],[fn])
    3. fadeToggle([speed,[easing],[fn]])

二、遍历

遍历
1. js的遍历方式
  - for(初始化值;循环结束条件;步长)
2. jq的遍历方式
  1. jq对象.each(callback)
    1. 语法：
      jquery对象.each(function(index,element){});
      * index:就是元素在集合中的索引
      * element：就是集合中的每一个元素对象
      * this：集合中的每一个元素对象
    2. 回调函数返回值：
      - true:如果当前function返回为false，则结束循环(break)。
      - false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
  2. $.each(object, [callback])
  3. for…of: jquery 3.0 版本之后提供的方式
    for(元素对象 of 容器对象)

三、事件绑定

事件绑定
1. jquery标准的绑定方式
  - jq对象.事件方法(回调函数)；
  - 注：如果调用事件方法，不传递回调函数，则会触发浏览器默认行为。
    - 表单对象.submit();//让表单提交
2. on绑定事件/off解除绑定
  - jq对象.on(“事件名称”,回调函数)
  - jq对象.off(“事件名称”)
    - 如果off方法不传递任何参数，则将组件上的所有事件全部解绑
3. 事件切换：toggle
  - jq对象.toggle(fn1,fn2…)
    - 当单击jq对象对应的组件后，会执行fn1.第二次点击会执行fn2…
  - 注意：1.9版本 .toggle() 方法删除,jQuery Migrate（迁移）插件可以恢复此功能。

2022-08-26 JQuery（二）相关推荐

【学习日志】2022.08.26 C#单例模式 Tostring Utils
知识提纲 C#属性 C#单例模式 0.自用超级简单式 namespace ConsoleApp2 {//工具类class Utils{private static Utils instance = n ...
数学建模学习视频及资料集（2022.08.10）
2021高中数学建模(应用)能力展示活动细则详解(上) 2021高中数学建模(应用)能力展示活动细则详解(上)_哔哩哔哩_bilibili 2021高中数学建模(应用)能力展示活动细则详解(下) 20 ...
English Learning - Day20 作业打卡 2022.12.26 周一
English Learning - Day20 作业打卡 2022.12.26 周一引言一.给出如下短语的汉语释义 1. a burning house 2. an ag(e)ing popul ...
Windows10 彻底关闭系统更新（2022.12.26更新）
熊熊亲测有效,2022.12.26更新一.服务快捷键Win+R,输入"services.msc",打开"服务",在[常规]选项卡中停止服务并在"启 ...
2022.06.26 华为od机试真题
华为od机试真题 1.最长连续子串 2.正方形数量 3.二叉树层次遍历(不会做) 1.最长连续子串有N个正整数组成的一个序列给定一个整数sum求长度最长的的连续子序列使他们的和等于sum返回次子序列 ...
1.atd和crond两个任务管理程序的区别 2.指定在2023/08/26 09：00将时间写入testmail.txt文件中3.指定在每天凌晨4：00将该时间点之前的系统日志信息备份到个目录
一.atd与crond的区别 1.运行方式不同,at只运行一次,而crontab则是循环运行: 2.依赖的服务不同,at对应的服务时atd,而crontab对应的服务时crond: 3.at一般是临时 ...
从零开始学习jQuery (二) 万能的选择器
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
跟我学jQuery(二) 初识jQuery
跟我学jQuery教程目录: 跟我学jQuery(一) 前言跟我学jQuery(二) 初识jQuery 跟我学jQuery(三) 无所不能的选择器1 跟我学jQuery(四) ...
小学奥数 7657 连乘积末尾0的个数-2022.01.26
http://noi.openjudge.cn/math/7657/ /* 小学奥数 7657 连乘积末尾0的个数-2022.01.26 http://noi.openjudge.cn/math/76 ...
H5在线CAD，网页CAD，MxDraw云图平台2022.08.24更新
SDK开发包下载地址: MxDraw云图平台 2022.08.24更新_梦想CAD控件 1. 增加对像扩展数据功能 2. 增加CAD结合GIS使用功能 https://www.mxdraw3d.com ...

2022-08-26 JQuery（二）

目录

一、动画

二、遍历

三、事件绑定

2022-08-26 JQuery（二）相关推荐

最新文章

热门文章