前端学习第三阶段-第4章 jQuery编程

最新推荐文章于 2024-05-03 23:03:35 发布
最新推荐文章于 2024-05-03 23:03:35 发布
阅读量233 收藏
点赞数
文章标签： 前端 jquery javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39148787/article/details/129299424
版权

4-1 jQuery介绍及常用API导读

  • 01-jQuery入门导读

在这里插入图片描述
在这里插入图片描述

  • 02-JavaScript库

在这里插入图片描述
在这里插入图片描述

  • 03-jQuery概述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 04-jQuery基本使用-入口函数

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  • 05-jQuery顶级对象$

在这里插入图片描述

  • 06-DOM对象和jQuery对象

在这里插入图片描述
在这里插入图片描述

  • 07-DOM对象和jQuery对象相互转换

在这里插入图片描述
在这里插入图片描述

  • 08-jQuery常用API导读

在这里插入图片描述

在这里插入图片描述

4-2 jQuery选择器及案例

  • 09-jQuery基本和层级选择器

在这里插入图片描述
在这里插入图片描述

  • 10-jQuery隐式迭代

在这里插入图片描述
在这里插入图片描述

  • 11-jQuery筛选选择器

在这里插入图片描述

  • 12-jQuery筛选方法-选取父子元素

在这里插入图片描述
在这里插入图片描述

  • 13-新浪下拉菜单

在这里插入图片描述

在这里插入图片描述

  • 14-jQuery其他筛选方法
  • 15-jQuery排他思想

在这里插入图片描述

  • 16-淘宝服饰精品案例

在这里插入图片描述
在这里插入图片描述

4-3 jQuery链式编程及样式操作

  • 17-jQuery链式编程（修复）

在这里插入图片描述

  • 18-jQuery修改样式css方法

在这里插入图片描述

  • 19-jQuery修改样式操作类

在这里插入图片描述

  • 20-tab栏切换案例

在这里插入图片描述
在这里插入图片描述

  • 21-jQuery类操作和className区别

在这里插入图片描述

4-4 jQuery动画及王者荣耀手风琴案例

  • 22-jQuery显示与隐藏效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 23-jQuery滑动效果以及事件切换

在这里插入图片描述

  • 24-jQuery停止动画排队stop

在这里插入图片描述

  • 25-jQuery淡入淡出以及突出显示案例

在这里插入图片描述
在这里插入图片描述

  • 26-jQuery自定义动画animate方法

在这里插入图片描述

  • 27-王者荣耀手风琴案例布局分析

在这里插入图片描述

  • 28-王者荣耀手风琴案例制作

在这里插入图片描述

4-5 jQuery实现购物车案例

  • 01-jQuery属性操作

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 02-购物车模块-全选（上）

在这里插入图片描述

  • 03-购物车模块-全选（下）

在这里插入图片描述

  • 04-jQuery内容文本值

在这里插入图片描述

  • 05-购物车模块-增减商品数量

在这里插入图片描述

  • 06-购物车模块-修改商品小计（上）

在这里插入图片描述

  • 07-购物车模块-修改商品小计（中）

在这里插入图片描述

  • 08-购物车模块-修改商品小计（下）

在这里插入图片描述

  • 09-jQuery遍历对象each方法

在这里插入图片描述

  • 10-jQuery遍历数据$.each
  • 11-购物车模块-计算总件数和总额

在这里插入图片描述

  • 12-创建、添加、删除元素

在这里插入图片描述

  • 13-购物车模块-清理购物车
  • 14-购物车模块-选中商品添加背景颜色

在这里插入图片描述

  • 15-jQuery尺寸方法

在这里插入图片描述

  • 16-jQuery位置方法

在这里插入图片描述
在这里插入图片描述

  • 17-jQuery被卷去头部方法

在这里插入图片描述

  • 18-带有动画的返回顶部

在这里插入图片描述

4-6 jQuery实现电梯导航案例

  • 19-电梯导航案例-显示隐藏电梯导航

在这里插入图片描述

  • 20-电梯导航案例-点击滚动目标位置
  • 21-电梯导航案例-点击当前li添加current类
  • 22-电梯导航案例-滑动页面电梯导航自动添加current类
  • 23-电梯导航案例节流阀(互斥锁)（修复）

4-7 jQuery事件绑定和解绑

  • 01-jQuery事件导读

在这里插入图片描述
在这里插入图片描述

  • 02-事件处理on绑定一个或者多个事件

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

  • 03-on实现事件委派和给动态元素绑定事件

在这里插入图片描述

  • 04-微博发布案例

在这里插入图片描述

  • 05-off解绑事件

在这里插入图片描述

  • 06-jQuery自动触发事件

在这里插入图片描述

  • 07-jQuery事件对象

在这里插入图片描述

  • 08-jQuery其他方法导读

在这里插入图片描述
在这里插入图片描述

  • 09-jQuery对象拷贝extend

在这里插入图片描述

在这里插入图片描述

4-8 jQuery插件的使用

  • 10-jQuery多库共存

在这里插入图片描述

  • 11-瀑布流插件使用

在这里插入图片描述

  • 12-图片懒加载技术

在这里插入图片描述

  • 13-全屏滚动插件使用

在这里插入图片描述
https://github.com/alvarotrigo/fullPage.js

  • 14-bootstrap组件
  • 15-bootstrapJS插件
  • 16-阿里百秀

4-9 jQuery实现todolist案例

  • 17-todolist布局功能需求分析

在这里插入图片描述
在这里插入图片描述

  • 18-todolist核心思路以及本地存储格式

在这里插入图片描述

  • 19-todolist按下回车读取本地存储数据

在这里插入图片描述

  • 20-todolist按下回车保存最新数据到本地存储
  • 21-todolist本地存储数据渲染加载到页面中

在这里插入图片描述

  • 22-todolist点击删除按钮获取当前索引号

在这里插入图片描述

  • 23-todolist点击删除按钮完成删除操作
  • 24-点击复选框修改相应数据done属性

在这里插入图片描述

  • 25-todolist正在进行和已经完成事项制作

在这里插入图片描述

  • 26-todolist统计正在进行和已经完成事项个数

在这里插入图片描述

戈森
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript & jQuery 交互式Web前端开发
09-12
更高效的学习JavaScript和jQuery，快速成为一名Web前端工程师，零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:清华大学出版社 第1章 编程基础知识 第2章 JavaScript基础指令 第3章 函数、方法与对象 第4章 ...
web前端开发（四）—jQuery基础
mdxiaohu的博客
07-31 2967
目录 一、使用jQuery 二、jQuery基础选择器 按ID查找 按标签查找 按class查找 按属性查找 组合查找 多项选择器 练习 层级选择器（Descendant Selector） 子选择器（Child Selector） 过滤器（Filter） 表单相关 练习 查找 DOM操作 过滤 练习 添加DOM 删除节点 练习 鼠标事件 键盘事件 ...
Octopus-Forum-v2：章鱼社区，学习SpringBoot的小项目，一个学习编程，分享生活的小社区。主要功能，注册登录（支持第三方用户，qq，github，百度账号登录），发帖，采取问题，消息通知，点赞，回复，关注，收藏。聊天室。每日签到得积分等。。
01-31
前端相关：jQuery，Bootstrap，Ajax，Layer等。 文件上传：OSS对象存储。 短信验证：阿里云的短信服务。 富文本编辑器：Editormd。 OAuth2授权登录（Github，百度，QQ） Redis分布式内存数据库，实现景点数据缓存...
知乎大神萧井陌web前端课程
10-24
第3章 作业讲解、编程的选择结构和函数返回值和库、css初步、函数参数 第4章 数组和字符串、作业讲解、debug大法 第5章 作业讲解、如何方便地用测试写代码、break&continue;语句、object、读文档、递归 第6章 网页中...
第三代移动WEB内核小程序风口-逐浪CMS2 x3.9.3全面发布
01-31
■修改:Boot4标签解析,增加font字体，基于逐浪字库的高端字体图标技术。 ■增加:Bis增加订单补录功能 ■修复:邮件页面支持name与title字段传参 ■优化:优化调整商品逻辑层 ■增加:管理员,用户AJAX登录,启用加密...
前端面试题基础篇293题
03-10
包含第一部分html,第二部分CSS,第三部分JavaScript，第四部分Jquery,第五部分Bootstrap,第六部分微信小程序，第七部分webpack,第八部分常用编程题，第九部分其他常问内容如负载均衡、CDN、内存泄露、babel原理、js...
element-ui的bug记录
nick_zhang的博客
04-29 420
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
【Web】CTFSHOW 中期测评刷题记录(1)
uuzeray的博客
05-02 1178
访问./cache/6a992d5529f459a44fee58c733255e86.php，命令执行拿flag。login.php是在./templates下的，而./flag.php与./templates均为web目录。注意到用./template/error.php中存在{{username}}，可以用其cache来写马。这时候重开下靶机再去读./templates/index.php，发现是给了提示的。访问./config/settings.php，命令执行拿到flag。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 282
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
前端调用WebSocket协议接口获取数据
m0_56023096的博客
04-29 284
createWs("测试数据", (res) => {
2024 XYCTF Web 方向 wp 全解
qq_39947980的博客
04-27 1085
XYCTF 2024 Web 方向全解
vue如何如何组合组件并通讯
codemami的博客
05-02 765
在Vue中，组件的组合和通讯是构建复杂应用的关键部分。Vue提供了多种方式来组合组件，并允许组件之间进行通讯。-- 子组件 ChildComponent.vue -->-- 子组件 ChildComponent.vue -->通过自定义事件（$emit）来通知父组件。通过props属性向子组件传递数据。子组件通过props来接收数据。-- 父组件 -->-- 父组件 -->
彻底理清防抖和节流（前端性能优化）
夏日漱石的博客
04-28 837
前端有很多性能优化的方式，面对用户与网页的频繁交互，如输入框打字、按钮点击、滚动事件等，我们如何确保应用的响应既迅速又高效？ 大家应该都简单了解防抖和节流本质上就是优化这种高频率执行代码的手段，那么他们之间有什么区别呢？应该如何正确根据具体的场景来选择使用呢？
从0开始学习制作一个微信小程序 前端学习部分（7）数据控制操作，修改、判断等
m0_74475812的博客
04-29 1311
本文将继续讲解小程序中的各种数据操作，非常重要，请务必动手尝试！以后页面中的传参、做判断要用的!!
[前端] Bearer令牌
好习惯成就伟大
04-28 154
Bearer令牌的安全性依赖于令牌的保密性和传输的安全性。因为任何拥有令牌的人都能访问资源，所以必须确保在传输过程中使用HTTPS来防止中间人攻击，并且存储时也要妥善保管，避免令牌泄露。此外，由于Bearer令牌的这一特点，相比其他类型如MAC（Message Authentication Code） tokens，它在安全性上要求更高的保护措施。服务器接收到请求后，会验证令牌的有效性（比如检查令牌是否过期、是否被撤销等），然后决定是否允许访问请求的资源。在HTTP请求中，Bearer令牌通常放在。
JavaScript：Web APIs（三）
最新发布
ma_no_lo的博客
05-03 767
Js中事件流和基本阻止方式，包含load,scroll,resize事件
3. uniapp开发工具的一些事
Oliver尹的博客
04-28 115
新的一天，又要开始卷起来了，程序开发当前离不开开发工具，一个好的开发工具办事起来那必然是事倍功半的...本文主要分享了关于开发工具的一些事~
【项目学习01_2024.05.01_Day03】
weixin_44229726的博客
05-01 941
通常由后端工程师将接口设计好并编写接口文档，将接口文档交给前端工程师，前后端的工程师就开始并行开发，前端开发人员会使用mock数据（假数据）进行开发，当前后端代码完成后开始进行接口联调，前端工程师将mock数据改为请求后端接口获取，前端代码请求后端服务测试接口是否正常，这个过程是前后端联调。控制层、业务层以及持久层三层通常可以面向接口并行开发，比如：业务层开发的同事可以先只编写一个Service接口，接口层的同事即可面向Service接口去开发，待接口层和业务层完成后进行连调。
动态获取数据并按顺序组合
NancyFyn的博客
04-28 166
第一列选中： “壹”,“贰”第二列选中： “a”,“b”，组合后的数据为：“壹，a”，“壹，b”，“贰，a”，“贰，b”；
这块前端代码input::-webkit-input-placeholder { color: red; }用jquery怎么写
06-03
你可以使用以下代码用 jQuery 实现同样的效果： ``` $("input::-webkit-input-placeholder").css("color", "red"); ``` 这将选中所有 input 元素的 WebKit 浏览器专用的 placeholder 文本，并将其颜色设置为红色。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值