# jquery相关

1. 在html文件中写上8个p标签，内容为
   1.你有多久没有翻开过一本书了？
   2. 加密原理详解：对称式加密VS非对称式加密
   3.  低代码：正在改变软件的开发方式
   4.  Vue 转 React不完全指北
   5.  web安全（xss/csrf）简单攻击原理和防御方案（实战篇）
   6. 深度解读 Chaos Mesh®，探索云原生混沌工程的奥秘 
   7.  简洁设计-毛玻璃效果登陆页面
   8.   996 前端人该如何持续学习
   然后需要用jq实现点击哪个p标签 弹出对应的内容

2. 在html文件内写6个checkbox 内容  value值自定义 需要不一样 和一个按钮在此基础上  点击按钮需要输出 选中的checkbox的value 以及选中的总个数


3. 分类添加内容
    如果选择 城市的话就添加到你喜欢哪个城市列表  如果选择游戏的话就添加到你喜欢哪个游戏的列表

   效果图如下

   ![img](https://images2015.cnblogs.com/blog/1093092/201701/1093092-20170125225432472-997852563.bmp)

    4. 员工信息的增加和删除
       从输入框内填写姓名，邮箱，薪资 点击submit 就把输入的员工信息添加到员工信息表中 
       效果图如下

![img](https://images2015.cnblogs.com/blog/1093092/201701/1093092-20170125224159300-1831658360.bmp)

5. 品牌展示  超出部分点击显示全部信息全都展示

   效果图如下

   ![img](https://images2015.cnblogs.com/blog/1093092/201701/1093092-20170125224755191-614465786.bmp)

6. 通过ajax 实现商品添加和商品展示功能 详情见附件 接口文档

7. 完成登录 注册 用户表页面 并通过ajax完成提交/渲染功能

8. 完成商城页面购物车的功能（单选 多选 全选。增删改查 ）<不牵扯接口  前端静态页面>

9. 写一个移动端的底部tabbar的效果 图片可以不变 但是文字要变颜色

10. 订单页面的tab切换效果

11. 地址管理页面的地址增删改查 设置默认地址效果

12.  京东页面的分类鼠标划过出不同菜单的效果

    ![image-20210423112831959](E:\web\lessons\课件\zuoye\jq es6\jq.assets\image-20210423112831959.png)

13. jq  实现 图片轮播效果（实现切换图片即可）

14. 秒杀倒计时效果

15. 根据当前时间确定在哪个区间的秒杀效果
    ![image-20210423113138888](E:\web\lessons\课件\zuoye\jq es6\jq.assets\image-20210423113138888.png)

16. 京东详情 选择分类效果

    ![image-20210423113257018](E:\web\lessons\课件\zuoye\jq es6\jq.assets\image-20210423113257018.png)