前端学习第三阶段-第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?

相关内容

热门资讯

提振消费，如何增强供需适配性 云南大理白族自治州，游客(左)与摄影师一起挑选照片。 北京朝阳区，一名智能柜补货员在卸货。 以上图...
贝仕达克：预计2025年度净利... 每经AI快讯，贝仕达克1月30日晚间发布业绩预告，预计2025年归属于上市公司股东的净利润860万元...
英媒：随着就业市场降温，美国大... 来源：格隆汇APP 格隆汇1月30日｜据英国金融时报，本周，美国的一些大型企业公布了裁员计划，预计将...
终结5连败！德约3-2逆转辛纳... 北京时间1月30日，2026赛季网球大满贯澳大利亚公开赛继续进行，在男单下半区的半决赛中，塞尔维亚天...
去年辽宁非金融企业债务融资达6... 1月30日，人民银行辽宁省分行召开2026年一季度新闻发布会，介绍2025年度辽宁省金融运行主要情况...
“大V带货”遭监管重拳：基金销... 记者 洪小棠 1月29日，证监会证券基金机构监管司发布了新一期《机构监管情况通报》（下称《通报》），...
ST宁科完成组织架构重大调整 ... 来源：新浪财经-鹰眼工作室 【财经网讯】宁夏中科生物科技股份有限公司（证券代码：600165，股票简...
原创 i... 很多人看到苹果这份“史上最强”季度成绩单时，第一反应都是：这销量也太夸张了吧？ 尤其是大中华区 ...
Cloudflare入驻B站和... IT之家 1 月 30 日消息，Cloudflare 宣布入驻B站和小红书，认证显示为“Cloudf...
首日涨超160% 智能制造装备... 上证报中国证券网讯（记者 张雪）1月30日，美德乐正式登陆北交所。截至当日收盘，公司股价报109.5...
特朗普提名下一任美联储主席 据新华社消息，美国总统特朗普30日提名美联储前理事凯文·沃什为下任美联储主席，这一提名还需获得参议院...
由盈转亏、业绩下滑超85%！2... 面对每天上千份上市公司公告该看哪些？重大事项公告动辄几十页几百页重点是啥？公告里一堆专业术语不知道算...
原创 华... 金价的上涨和美元的下跌已经让整个依赖美西方货币体系和金融体系获利的人感受到了巨大的威胁。 在美国财政...
康佳集团原董事长周彬、原副总裁... 老牌家电巨头康佳集团（000016）在经历控制权变更与管理层换血的震荡期后，迎来了更为剧烈的“余震”...
安诚财险2025年揽收保费52... （图片来源：视觉中国） 蓝鲸新闻1月30日讯（记者 陈晓娟）日前，安诚财产保险股份有限公司（下称“安...
国际金价、银价，暴跌！ 据新华社1月30日消息，国际黄金和白银价格1月29日上演“过山车”行情，双双站上高位后又暴跌，市场剧...
A股115家半导体公司2025... 近期，A股半导体行业上市公司陆续披露半年度业绩预告。据集微网统计，截至2026年1月30日，在已披露...
一图读懂服务消费新政：涉及交通... 红星资本局1月30日消息，为优化和扩大服务供给，聚焦重点领域、潜力领域，加快培育服务消费新增长点，促...
沪农商行：着力于稳健运营、控制... 证券日报网1月30日讯 ，沪农商行在接受调研者提问时表示，投资交易策略方面，公司将基于对2026年宏...
实力“圈粉”全球客：去年上海离... 记者从市税务局获悉，2025年境外旅客在沪办理退税申请单数量同比增长3倍，退税商品销售额和退税额均增...