HTML5-jQ-有缝轮播-事件
1、 jQuery——–index1.html
(1)引入Jq
(2)获取
eq(1)选择下标为1的,第一个蓝,第二个无,第三个红色。
(3)jq对象
Js和jq可以同时出现
如下所示:前者是dom到jq,后者是jq到dom
(4)jq选择器——-index2.html
后代
子代
紧挨着的第一个兄弟
其后所有元素
(5)过滤选择器———-index3.html
对于li,如果有小点没内容,可以设置li的背景颜色,如果没有小点,则没有高度,就设置不了li的样式。even,odd是以下标为准
(6)内容过滤选择器——index4.html
has指后代里有括号内元素的。
例一:contains
box和div1内部北京是红色,因为box含有回车,空格,也算有内容。
5-4
1、 可见性过滤选择器
2、 属性过滤选择器
3、 子元素过滤选择器
注意:ul后面要加空格,因为li是ul的子代,如果是li,则不需要加空格。
4、 表单属性过滤选择器
指把文本框隐藏。
5、 表单选择器
6、操作
(1)html操作
(2)文本操作
(3)值操作
(4)属性操作
获取和修改属性
添加属性
(5)样式操作
Attr会改变class名,addclass前没有class,则没有添加上。
注:classname可以有多个。
此时Class=aa,bb
此时class=cc;
前者删掉了cc,后者删掉了所有的classname,如果括号内是‘’,则相当于什么都没有删除。
ToggleClass常用
Css设置一个,多个样式写法。
7、节点操作
(1)遍历节点
(2)创建DOM节点
在body中添加p标签(两种方式)
前面两句相当于第三句。
(3)插入节点
5-5
(4)删除节点
(5)替换节点
前者是前被后替换,后者是后被前替换。
(6)复制节点
没有true,则克隆后生成的不能再执行克隆,若加上true则可以继续执行克隆事件
8、动画
创建自定义动画——index4.html
9、轮播———index5.html(有缝轮播)
加上stop,可以防止连点之后出错.
hover,即是鼠标移入,移出。前者是移入,后者是移出。
i,em标签是斜体;b,strong是加粗
对小点的指向事件
这是透明度的轮播设置
10、动画效果
Show改变的是高度,宽度,透明度
只改变高度
只改变透明度
例1:几个效果可以混用
例2:
例3:
下面3种格式都是先往右走,再往下走
因为相同的对象,不能一起执行。
例4
box先执行,执行完后,box1再执行。
box,box1一起执行。因为是不同的对象就一起执行。
例5:往右下角跑
结果是0 1 2 3 4
——————————————
- 技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频
善知教育学习视频大汇总
- 善知教育石老师Java视频的网盘地址http://pan.baidu.com/s/1eQ0JHi6
- 善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR
- 善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE
- 善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo