前端学习记录 —— JQuery(一)

前端学习记录 —— JQuery(一)

    • 前言
          • JavaScripyt 库
        • JQuery 的概念
          • JQuery 基础选择器
        • 1.15 tab 栏切换案例
        • 1.16 类操作与className区别
        • 1.17 显示隐藏效果
        • 1.18 滑动效果
        • 1.19 事件切换
        • 1.20 动画队列及其停止排队的方法
        • 1.21 淡入淡出效果
        • 1.22 自定义动画

前言

本人编写博客,作为个人学习使用;本章 博客总结B站视频学习中资料以便后期复习、巩固。

B站视频:
https://www.bilibili.com/video/BV1Sy4y1C7ha?p=385

在视频学习留言区,看到有类似我想总结的博客。为确保本人学习记录的完整性,故仅推荐相关博客链接,。。。(希望读者见谅)

https://blog.csdn.net/Augenstern_QXL/article/details/117707994

本章主要总结 JQuery 选择器、JQuery 样式操作、效果、JQuery 属性操作、JQuery 内容文本值、JQuery 元素操作、尺寸与位置

前端学习记录 —— JQuery(一)_第1张图片

不建议读者阅读本人下述内容,下述内容仅本人观看视频时所做粗稿

JavaScripyt 库

前端学习记录 —— JQuery(一)_第2张图片

前端学习记录 —— JQuery(一)_第3张图片

JQuery 的概念

前端学习记录 —— JQuery(一)_第4张图片
前端学习记录 —— JQuery(一)_第5张图片

1.1

前端学习记录 —— JQuery(一)_第6张图片

前端学习记录 —— JQuery(一)_第7张图片1.2

前端学习记录 —— JQuery(一)_第8张图片
1.3

前端学习记录 —— JQuery(一)_第9张图片

前端学习记录 —— JQuery(一)_第10张图片

eg:播放
1.4

前端学习记录 —— JQuery(一)_第11张图片
前端学习记录 —— JQuery(一)_第12张图片

JQuery 基础选择器

前端学习记录 —— JQuery(一)_第13张图片

前端学习记录 —— JQuery(一)_第14张图片

在这里插入图片描述

前端学习记录 —— JQuery(一)_第15张图片
前端学习记录 —— JQuery(一)_第16张图片

前端学习记录 —— JQuery(一)_第17张图片
1.6

前端学习记录 —— JQuery(一)_第18张图片
1.7

前端学习记录 —— JQuery(一)_第19张图片
1.8

下拉列表

前端学习记录 —— JQuery(一)_第20张图片

前端学习记录 —— JQuery(一)_第21张图片
1.9

前端学习记录 —— JQuery(一)_第22张图片

前端学习记录 —— JQuery(一)_第23张图片

1.10

多选一·:排它思想

在这里插入图片描述

前端学习记录 —— JQuery(一)_第24张图片
1.11

前端学习记录 —— JQuery(一)_第25张图片
前端学习记录 —— JQuery(一)_第26张图片
1.12 #### 链式编程

链式编程

前端学习记录 —— JQuery(一)_第27张图片

前端学习记录 —— JQuery(一)_第28张图片
1.13

前端学习记录 —— JQuery(一)_第29张图片
1.14
前端学习记录 —— JQuery(一)_第30张图片

前端学习记录 —— JQuery(一)_第31张图片

1.15 tab 栏切换案例

在这里插入图片描述

前端学习记录 —— JQuery(一)_第32张图片

1.16 类操作与className区别

前端学习记录 —— JQuery(一)_第33张图片

1.17 显示隐藏效果

前端学习记录 —— JQuery(一)_第34张图片

接下来的函数差手册

前端学习记录 —— JQuery(一)_第35张图片

1.18 滑动效果

前端学习记录 —— JQuery(一)_第36张图片
滑出来

前端学习记录 —— JQuery(一)_第37张图片

1.19 事件切换

前端学习记录 —— JQuery(一)_第38张图片

事件切换

1.20 动画队列及其停止排队的方法

前端学习记录 —— JQuery(一)_第39张图片

1.21 淡入淡出效果

前端学习记录 —— JQuery(一)_第40张图片
前端学习记录 —— JQuery(一)_第41张图片

动画都会有排队的情况

1.22 自定义动画

前端学习记录 —— JQuery(一)_第42张图片

手风琴效果;折叠效果
前端学习记录 —— JQuery(一)_第43张图片

1.24

你可能感兴趣的:(前端学习记录,jquery,前端,javascript)