HTML
-
轉(zhuǎn)義字符 語法:&開頭;結(jié)尾
- 空格:中間加nbsp
- 空格:加emsp
- 大于號(hào):gt
- 小于號(hào):lt
- 版權(quán)號(hào):copy
粗體<strong>
斜體<em>
橫線<hr />
無序列表<ul><li>
有序列表<ol><li>
圖片<img src="..." alt...title />
超鏈接<a href="...">
表格<table> <tr> <td> <colspan> <rowspan>
CSS
選擇器
- 類選擇器 .
- id選擇器 #
- 標(biāo)簽選擇器 某標(biāo)簽名
嵌入方式:
- 行內(nèi) style="color:blue"
- 內(nèi)部<style type="text/css">
- 外部<link href="demo.css" rel="stylesheet">
高級(jí)選擇器:
圖片.png
圖片.png
first-child會(huì)找E的第一位,如果不符合就不是
first-of-type會(huì)找列表中的符合的第一位
jQuery中的first只會(huì)找一個(gè),整個(gè)body里面的第一個(gè)出現(xiàn)的
圖片.png
- 選擇器的并集
h1,.special,#one{}
各種...font-size...div...display...a:hover...絕對(duì)定位...表單
CSS動(dòng)畫
JS
基本語法
var i = 0;//弱類型語言
有名函數(shù):function hello(){}
匿名函數(shù):function(){}
對(duì)象:var jsonObj = {key:value, key2:value2}
-
數(shù)據(jù)類型
- undefined
- null
- number(NaN:not a number)
- boolean
- string
-
數(shù)組
- var arr = new Array(5);
- var arr = new Array("a1", "a2", "a3");
- var arr = ["a1", "a2"];
- for(變量 in 數(shù)組){//變量為數(shù)組下標(biāo)...
-
輸入輸出
- alert()
- promt("提示信息","輸入框的默認(rèn)信息")
- confirm()//按下確定為true
==內(nèi)容相同
===內(nèi)容與類型都相同
對(duì)象:window/histroy/location/document
四個(gè)內(nèi)置對(duì)象Array/String/Math/Date
window.onload = function(){}
嵌入方式<script src="..." type="text/javascript" />
DOM操作
- innerHTML/innerText/value(這些都是屬性)
- document.getElementByid("id")
- document.getElementsByTagName("標(biāo)簽名")
- document.getElementsByName("name值")
JQuery
核心函數(shù)的作用
- $(function(){...}) 與 window.onload = function(){}作用相似
- $(#key)找到id為key的DOM標(biāo)簽
- $(DOM對(duì)象)將DOM對(duì)象包裝為JQuery對(duì)象并返回
操作文本
- text()
- heml()
- val()
一大堆選擇器...
- append()
- appendTo()
- prepend()
- prependTo()
- after()
- before()
- empty():掏空
- remove():刪除
- replaceWith()