html

img_jquerydim.gif

**
配图说明:设置样式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](https://img.haomeiwen.com/i1873026/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.区域滚动（上拉加载，下拉刷新）