周大胖子 发表于 2018-8-2 00:45:17

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

概念: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. 组装上述代码;





页: [1]
查看完整版本: JQ 速成【老莫制作 给朋友】