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