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]