jQuery常用API

jQuery属性操作

设置或获取元素固有属性值prop()


设置或获取元素自定义属性值attr()


数据缓存data()

购物车案例模块-全选




jQuery内容文本值

获取设置普通元素内容html()

获取设置普通元素文本内容text()


获取设置表单值val()

购物车案例模块-增减商品数量


购物车案例模块-修改商品小记上



购物车案例模块-修改商品小记中




购物车案例模块-修改商品小记下


jQuery元素操作

遍历对象each方法



遍历数据$.each



购物车案例模块-计算总件数和金额



  • 上面 总计 做好了,下面做 总额

创建、添加、删除元素




购物车案例模块-删除商品模块

购物车案例模块-选中商品添加背景



jQuery尺寸、位置操作

jQeury尺寸


jQeury位置




带有动画的返回顶部功能


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

电梯导航案例-点击滚动目标位置


  • 但还有个bug,那就是当在某处停留时,重新刷新页面这个电梯导航栏就不见了

电梯导航案例-点击当前li添加current类


电梯导航案例-滑动页面电梯导航栏自动添加current类



电梯导航案例-节流阀(互斥锁)


黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(jQuery2)相关推荐

  1. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(一)

    一.计算机编程基础 编程语言 编程语言与标记语言的区别 编程语言 有很强的逻辑和行为能力,有if else等具有逻辑性和行为能力的指令,主动 标记语言(html)不用于向计算机发出指令,常用于格式化和 ...

  2. 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(权重,盒子模型)

    一.基础班学习路线 三.CSS3基础 1.CSS的三大特性 CSS三大特性之层叠性 CSS三大特性之继承性 行高的继承 CSS三大特性之优先级 CSS权重的叠加 十个在最后累加会变成0,0,0,10: ...

  3. 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(复合选择器,元素显示模式,背景)

    一.基础班学习路线 三.CSS3基础 1.Emmet语法 emmet语法生成html标签 <!DOCTYPE html> <html lang="en"> ...

  4. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(jQuery1)

    jQuery概述 JavaScript库 jQuery概述 jQuery优点 jQuery的基本使用 入口函数 jQuery的顶级对象$ DOM对象和jQuery对象 DOM对象和jQuery对象相互 ...

  5. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(DOM,事件高级)

    DOM 节点操作 父节点和子节点 第一个子元素和最后一个子元素 新浪下拉菜单案例 兄弟节点 创建和添加节点 简单版发布留言案例 删除节点 删除留言案例 复制节点 动态生成表格-创建学生数据 动态生成表 ...

  6. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(DOM)

    API DOM DOM简介 什么是DOM DOM树 获取元素 getElementById获取元素 得到一个元素对象object 用dir打印,还可以得到它的属性 div#time getElemen ...

  7. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(三)

    九.作用域 JS作用域 全局变量和局部变量 JS没有块级作用域 作用域链 十.JS预解析 预解析 十一.JS对象 利用对象 字面量 创建对象 变量属性方法函数的区别 利用 new Object 创建对 ...

  8. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程(二)

    四.JS运算符 算数运算符 浮点数的精度问题 比较运算符 运算符优先级 五.JS流程控制-分支 数字补零案例(三元表达式) switch注意事项 匹配规则是 全等 没有break就不会退出,会继续执行 ...

  9. 黑马程序员pink老师前端入门教程,零基础必看的JavaScript基础语法视频教程

    计算机编程基础 编程语言 计算机基础 初识JavaScript 初始JavaScript 浏览器执行JS过程 JS三部分组成

  10. 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程(CSS3)

    一.基础班学习路线 Web服务器 什么是服务器 申请免费空间以及网站上传 四.HTML5和CSS3提高 1.CSS3 2D转换 2D转换之移动 translate 让一个盒子水平垂直居中 2D转换之旋 ...

最新文章

  1. Android Studio Day03-1(Android studio 系统界面简介)
  2. YOLO-FastestV2:更快,更轻!移动端高达300 FPS!参数量仅250k
  3. [Z]为Web程序员解毒:9个IE常见Bug的解决方案
  4. 临床观察性研究论文如何撰写“方法”?
  5. linux之自己总结学习linux的资源推荐
  6. 【clickhouse】clickhouse 漫谈SIMD、SSE指令集与ClickHouse向量化执行
  7. spring的延迟初始化bean (default-lazy-init 与 lazy-init )
  8. websql mysql_HTML5 Web SQL 数据库 | 菜鸟教程
  9. 快易准粤语拼音输入法 绿色
  10. 计算机表格两行互换步骤,表格excel数据互换位置-EXcel表格中,怎么把两行互换...
  11. 腾讯企业邮箱功能比较
  12. java发送带图片的邮件_java项目如何发送带图片的邮件
  13. ftp服务器上传文件卡顿,FlashFXP连接FTP服务器很慢,原因可能是这样
  14. 函数相乘和相除的导数及证明
  15. iQOO探索悦行者深入阿尔山林海体验性能和操控激情
  16. springBoot+itext处理富文本转pdf
  17. 传统零售和新零售的本质区别
  18. VMware虚拟机的创建和启动,保姆式教学
  19. MATLAB水母搜索算法求解超市物流配送选址问题代码实例
  20. Python数据分析_第11课:logistic回归_笔记

热门文章

  1. 数据建模工具存在的价值
  2. oracle数字进一函数,oracle常用函数一:数字函数
  3. 计算机网络 自顶向下方法
  4. stm8s103k3 周期 捕获_stm8s103k3的UART发送数据问题
  5. 数据结构(考研面试)
  6. Postman汉化补丁
  7. matlab的开方算法_[转载]数值计算方法中的一些常用算法的Matlab源码
  8. 白盒测试工具CodeTest
  9. MODFLOW Flex、GMS、FEFLOW、HYDRUS实践应用
  10. MyBatis 是一款优秀的持久层框架