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">
高级选择器:
first-child会找E的第一位,如果不符合就不是
first-of-type会找列表中的符合的第一位
jQuery中的first只会找一个,整个body里面的第一个出现的
- 选择器的并集
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()