老莫的笔记本  
  
请选择 进入手机版 | 继续访问电脑版
查看: 647|回复: 0

JQ 速成【老莫制作 给朋友】

[复制链接]

572

主题

767

帖子

3637

积分

超级版主

Rank: 8Rank: 8

积分
3637
发表于 2018-8-2 00:45:17 | 显示全部楼层 |阅读模式
概念:  jq  就是个工具 ===        javascript 是一根螺丝、一块铁皮,一块橡胶,  上路的时候就需要一点点打磨,焊接,黏合,形成一个个大一点的零件,然后组装这些零件成为一辆车,才能上路;
       Jquery  就是被打磨,焊接,黏合,出来的的零件。

JQ 的获取途径:
第一,去网上下载 一个jq文件。

第二,使用静态资源库。 各大网站由自己的静态资源库,百度 百度静态资源库 然后搜JQ  找1.10.1版本以后的用;
         【 百度会给你一几个静态资源的地址,选一个带 .min.js 后缀的  因为这是压缩后的, 然后把这个地址放到 script 标签的 src 中 】

JQ 使用手册:http://jquery.cuishifeng.cn/   

使用方法:  
       1.分化步骤 ;
       2.百度每个步骤的实现方式;
       3.组装各个步骤;

举例1:  我想通过 点击一个按钮A, 让列表UL  增加个 内容;
    分化:  1.  JQ 如何选中这个按钮A?
                2.  JQ 如何给这个按钮A增加点击事件?
                3.  JQ 如何选中我要增加文字的那个列表UL?
                4.  JQ 怎么样给列表UL 增加内容?
                5.  组装上述代码;

举例2: 我想通过点击按钮B ,点击按钮C ,让一个div 显示与隐藏 ?
    分化:  1.  JQ 如何 选中 这个按钮B ?  JQ 如何 选中 这个按钮C?
                2.  JQ 如何给这个按钮B增加点击事件?    2.  JQ 如何给这个按钮C增加点击事件?  
                3.  JQ 如何选中这个DIV?
                4.  JQ 如何 控制一个DIV的 让DIV 显示? 【点击 B 让DIV显示】
                5.  JQ 如何 控制一个DIV 隐藏 ?【点击 C 让DIV隐藏】
                6.  组装上述代码;

举例3 :  在页面 写1个 100*100 的 div  一个背景色是篮子, 然后再做一个 200*200 的 DIV  背景色是灰色 这个DIV 叫BIG;
             我想把鼠标移入蓝色div 的时候  BIG 背景色变成蓝色, 移出成为灰色.
     分化:  1. JQ 如何选中蓝色的DIV?
                 2. JQ 如何给蓝色DIV 增加鼠标移入、鼠标移出事件?
                 3. JQ 如何选中 BIG div ?
                 4. JQ 如何让BIG div 背景色变掉?  
                 5. 组装上述代码;





回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表