前端学习第三阶段-第4章 jQuery编程
创始人
2025-06-01 22:22:57
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”。

上一篇：EL表达式JSTL标签库

下一篇：前端-session、jwt

相关内容

热门资讯

海昌海洋公园跌超14%，公司拟... 6月3日，港股海昌海洋公园跌超14%，公司拟折让约46.43%发行51亿股，净筹约22.84亿港元。
从不“内卷”的添可，找到了“对... 每年618大促，都是观察消费趋势的绝佳窗口，而家电市场又是风向标一样的存在。今年尤为明显的是，经历了...
拿捏两位影帝的她，怎么变成了唯... 林志玲一直都是自信优雅的代名词，无论是走红毯抬头挺胸的优雅，还是综艺节目里的从容应对，她的每个动作都...
创新药概念异动拉升，华海药业等... 6月3日，创新药概念异动拉升，华海药业、万邦德、海南海药涨停，冠昊生物涨逾10%，千红制药、联化科技...
车圈大佬掀桌子，赔本赚吆喝的“... 这番言论在社交网络迅速发酵，一石激起千层浪，多家车企连续三个股市交易日股价下跌。大家都在猜测魏建军到...
国际金价再次站上3400美元，... 6月2日晚，受国际政治经济形势影响，COMEX黄金再次站上3400美元/盎司。6月3日A股开盘后，沪...
经销商要“分手”，“极核”厂家... 最近，盐城市民王先生向我们荔枝新闻中心求助说，去年他加盟销售一款品牌电动车，后来由于销量惨淡，他自行...
A股低开：稳定币概念股活跃，翠... 　　中新经纬6月3日电 3日早盘，A股三大指数小幅低开。上证指数跌0.22%，报3340.07点；深...
恒生指数开盘涨0.53%，恒生... 6月3日，恒生指数开盘涨0.53%，恒生科技指数涨0.54%。翰森制药涨近4%，与Regeneron...
科创板人工智能ETF（5889... 6月3日，三大指数集体低开，科技方向震荡走高。截至发稿，相关ETF方面，科创板人工智能ETF（588...
烧掉一半净利润，拼多多想培育怎... 当外部不确定性日益增加，为中小商家提供“避风港”和“助推器”，助力其度过周期波动，这种“授人以渔”的...
“苏超”霸屏，中国可以靠江苏搞... 01 经济独立，城市人格独立最近一段时间，无相君的朋友圈和微信群都被“苏超”霸屏了。几乎每天一个热搜...
【开盘】A股三大股指集体低开，... 6月3日，A股三大股指集体低开。其中，沪指跌0.22%报3340.07点，深成指跌0.34%报100...
刚刚！深交所宣布：调整→ 深交... 6月3日，深交所发布公告，根据指数编制规则，深圳证券交易所和深圳证券信息有限公司决定于2025年6月...
两宗券商“老鼠仓”曝光→ 股市... 地方证监局最新披露的罚单，让两起券商从业人员“老鼠仓”案件浮出水面，2家龙头券商中信证券、华泰证券牵...
大热IP经济难“包治百病”，明... 近日，IP经济、黄金概念股表现活跃，明牌珠宝股价涨停。5月29日，明牌珠宝发布公告称，公司股票连续两...
银河证券：港股市场情绪仍需观察... 银河证券发布港股策略研报称，港股市场情绪仍需观察关税政策走向。近期国际贸易局势反复无常，前景仍然不明...
银河证券：短期内A股市场或仍维... 银河证券发布A股策略研报称，近期板块轮动速度加快，行情震荡格局尚未改变，市场成交额未出现明显放量，仍...
哪吒汽车，注定掉队 哪吒汽车，... 定焦One（dingjiaoone）原创特约作者 | 胡锟编辑 | 魏佳从登顶新势力销量冠军，到几乎...
牛市早报｜端午假期预计全社会跨... 【市场数据】截至5月30日收盘，上证综指跌0.47%，报3347.49点；科创50指数跌0.94%，...