前端学习第三阶段-第4章 jQuery编程
创始人
2025-06-01 20:02:49
0次

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统计正在进行和已经完成事项个数

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：儿童学习用品CPC认证

下一篇：【论文写作】How to write a good paper?

相关内容

热门资讯

监管出手，戳破千亿外卖大战的泡... 文 | 一刻商业，作者 | 燕辞格，编辑 | 以安 史无前例的数字正诞生在外卖行业，但对行业的冲击...
和讯投顾高璐明：放量上攻！向上... 超过3500只个股上涨，三大指数集体放量上攻，市场向上变盘了吗？我们当下到底应该怎么办？和讯投顾高璐...
财务造假长达6年，多名高管被追... 记者丨崔文静 实习生 张长荣 编辑丨黄剑 2023年以来，金通灵财务造假案备受市场关注。继2024年...
券商回购潮显效！红塔证券1-2... 券商股回购阵营再添新军。7月17日，《红塔证券关于以集中竞价方式回购股份的方案》引起投资人关注，公司...
武汉贷款公司急用钱最新实战融资... 信用优化实战技巧 当我们真的急用钱，在武汉寻找靠谱的贷款公司时，一个漂亮的信用报告绝对是我们的超级加...
超大规模市场体量更大（权威发布... 数据来源：商务部 国务院新闻办7月18日举行“高质量完成‘十四五’规划”系列主题新闻发布会，介绍“十...
成都温江“玩啤消夏·2025温... 7月18日，“玩啤消夏·2025温江啤酒美食季暨温江第四届青岛啤酒节”在成都市温江光华公园下穿隧道上...
著名相声演员杨少华遗产4个亿？... 极目新闻记者 付瞰 著名相声演员杨少华7月9日去世，享年94岁。7月18日，有媒体报道称，杨少华的儿...
摩根大通拓展非上市企业研究，首... 摩根大通正将其研究版图扩展至非上市企业领域，以抢占高增长赛道的先发优势。据知情人士透露，该行全球研究...
第一、第二、前三……蓄势赋能！... 央视网消息：国务院新闻办公室7月18日举行“高质量完成‘十四五’规划”系列主题新闻发布会，商务部相关...
雨一直下，酒一直喝！昨夜松江啤... 昨晚，伴随着一场倾盆大雨，“上海之夏”国际消费季松江活动正式拉开帷幕。作为系列活动的标杆活动——上海...
学会储蓄，坐收“渔”利 真正的财富秘密，往往藏在那些看似不起眼的‘小钱’里。就像渔民养鱼，每天投点饲料，耐心等待，终有一天能...
原创 中... 轰隆！三百多块手机屏幕大小的特种合金钢板，在这台庞然大物的怀抱中被瞬间“揉捏”成型，高温下金属变形的...
京东外卖推出一站式政企用餐解决... 上证报中国证券网讯（记者 刘暄）上海证券报记者7月18日从京东获悉，为满足员工多元化用餐需求，京东外...
四闯IPO终获港股备案，八马茶... 八马茶业股份有限公司（以下简称“八马茶业”）的资本化之路迎来关键节点。7月17日，中国证监会向其发放...
三部加密货币法案获美国众议院通... 美国首部稳定币立法《GENIUS 法案》此前已在参议院通过，如获得特朗普签字批准，将成为一项重要的加...
原创 巴... 一场关乎全球航运格局的博弈正在巴拿马运河上演。价值228亿美元的巴拿马港口交易，因中国坚决要求中远海...
中国资产大爆发！多股大涨10% 中国资产再大涨！ 北京时间7月18日晚间，美股开盘后，中国资产集体爆发，纳斯达克中国金龙指数直线拉升...
原创 我... 当美国总统特朗普挥舞关税大棒时，他可能没想到，第一个被砸得粉碎的不是中国、欧盟或墨西哥，而是一个人口...
观察｜临港前沿产业快速发展背后... 2023年6月，临港新片区设立“上海金融租赁服务集成电路产业实验室”，支持交银金租、招银金租、浦银金...