html css js ajax,html+css+JS+jQuery+Ajax入门笔记

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选择器、事件、动画等

#


在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.区域滚动(上拉加载，下拉刷新)