HTML

• 转义字符 语法：&开头;结尾

  • 空格：中间加nbsp
  • 空格：加emsp
  • 大于号：gt
  • 小于号：lt
  • 版权号：copy

• 粗体<strong>

• 斜体<em>

• 横线<hr />

• 无序列表<ul><li>

• 有序列表<ol><li>

• 图片<img src="..." alt...title />

• 超链接<a href="...">

• 表格<table> <tr> <td> <colspan> <rowspan>

CSS

选择器

• 类选择器 .
• id选择器 #
• 标签选择器 某标签名

嵌入方式：

• 行内 style="color:blue"
• 内部<style type="text/css">
• 外部<link href="demo.css" rel="stylesheet">

高级选择器：

图片.png

图片.png

first-child会找E的第一位，如果不符合就不是
first-of-type会找列表中的符合的第一位
jQuery中的first只会找一个，整个body里面的第一个出现的

图片.png

• 选择器的并集

h1,.special,#one{}

各种...font-size...div...display...a:hover...绝对定位...表单

CSS动画

JS

基本语法

• var i = 0;//弱类型语言

• 有名函数：function hello(){}

• 匿名函数：function(){}

• 对象：var jsonObj = {key:value, key2:value2}

• 数据类型

  • undefined
  • null
  • number(NaN:not a number)
  • boolean
  • string

• 数组

  • var arr = new Array(5);
  • var arr = new Array("a1", "a2", "a3");
  • var arr = ["a1", "a2"];
  • for(变量 in 数组){//变量为数组下标...

• 输入输出

  • alert()
  • promt("提示信息","输入框的默认信息")
  • confirm()//按下确定为true

• ==内容相同

• ===内容与类型都相同

• 对象：window/histroy/location/document

• 四个内置对象Array/String/Math/Date

• window.onload = function(){}

• 嵌入方式<script src="..." type="text/javascript" />

DOM操作

• innerHTML/innerText/value（这些都是属性）
• document.getElementByid("id")
• document.getElementsByTagName("标签名")
• document.getElementsByName("name值")

JQuery

核心函数的作用

• $(function(){...}) 与 window.onload = function(){}作用相似
• $(#key)找到id为key的DOM标签
• $(DOM对象)将DOM对象包装为JQuery对象并返回

操作文本

• text()
• heml()
• val()

一大堆选择器...

• append()
• appendTo()
• prepend()
• prependTo()
• after()
• before()
• empty():掏空
• remove():删除
• replaceWith()