html
**
配图说明:设置样式width时设置的为盒子模型width()的宽度所以无论添加padding、margin、border都会使实际width变大。
**
html学习之道:了解什么元素(element)可用,每个元素有什么作用,以及每个元素可以包含什么特性(attribute)的过程。
本级目录 使用 ./ 开始便于之后更改相对路径
div的width默认auto时 自动最大,height默认auto时自动最小(依据子元素及padding定);
表单
1. input的 type 类型 :
text-单行文本/password-密码/radio-单选框/checkbox-多选框/submit-提交按钮/botton-按钮(不常用)
2. 不是 input 的其他表单输入选择类型
select+option-下拉选择列表
css
决定页面布局;
选择器 { 属性:值;}
父类.子类
设置类的属性:.类名
设置id对象的属性:#id名
7.11之后小节 为程序代码创建样式表 还没看;;;
跳过8.4和8.5两节 8.10.10之后没看;;;
JavaScript
jQuery
1.jQuery选择器、事件、动画等
#
![img_jquerydim.gif](http://upload-images.jianshu.io/upload_images/1873026-10c4670d5be55ba7.gif?imageMogr2/auto-orient/strip)
在jQuery获得和设置元素属性(样式)时注意
.attr 获取(设置)的时 html 的属性;
.css 获取(设置)的是 css 的样式。
1. 选择器
$(".className") 按类名选择
$("p") 按类型选择
$("#id") 按id选择
$(this) 选择当前交互元素(之后执行的函数 由该元素执行)
2. 事件
$(this).click(function(){函数处理方式}); 点击触发
.dblclick 双击触发
.mouseenter 鼠标移入区域触发
.mouseleave 鼠标离开区域触发
.mousedown 按下鼠标触发
.mouseup(按下后)抬起鼠标按键触发
.hover 当鼠标指针悬停在被选元素上时要运行的两个函数(移入和移出)
.focus/blur 获得焦点 失去焦点触发
.hide/.show 隐藏/显示
.toggle 隐藏显示切换
.fadeIn/.fadeOut/.fadeToggle 淡入淡出
.fadeTo 淡出模糊程度
.slideDown/.slideUp/.slideToggle 滑动(两种布局,其中一个display:none)
2.jQuery+html
获取(设置)对象内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
获取(设置)对象属性
.attr("属性名");——获取
.attr('属性名','属性值');——设置
AJEX
异步的 JavaScript 和 XML
在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页
PS
1.制作透明背景图(取图)步骤
XML
可扩展标签语言
iscroll
1.iscroll移动开发中的用武之地
1.区域滚动(上拉加载,下拉刷新)