html,css,js基本知识

html中地址的写法
相对路径：
. 表示当前文件所在目录
.. 表示上一级目录
绝对路径：
http://ip:port/目录/文件

div标签独占一行
span标签数据多长占多长
p标签上下空一行

css使用：
1,直接使用style属性

style="属性:值"

2,head中

<style type="css/text">
选择器{
属性:值
}
</style>

3,单独的css文件

选择器{
属性:值
}
使用时通过在head中链接
<link rel="stylesheet" type="text/css" href="文件地址"/>

其中：
选择器可多个联合使用  选择器1,选择器2,...{}    只要有一个符合就有效
标签名选择器直接写标签名
id选择器 #id   id全局唯一使用
class选择器 .class   class可复用

js使用
1,在head中使用

<script type="text/javascript">

</script>

2,单独文件使用
引入:
<script type="text/javascript" src="路径"></script>

数据类型：number, string, object, boolean
特殊：undefined 未定义 null 空 NaN(not a number)非数值

boolean判断：undefined, null, NaN, "", 0 是false
其余是true

关系运算：
== 数值相等
=== 数值和类型都相等

逻辑运算：
! 非运算
&& 与运算，返回第一个false值，全为true返回最后一个true值
|| 或运算，返回第一个true值，全为false返回最后一个false值
得出结果后立刻返回值

数组：
var a = []; 定义一个空数组
var a = [1, 2, "abc"];
a[2] = "a";
当给数组赋值时，如果越界自动扩容

函数：
定义方式1：
function 函数名(形参){
    函数体
}
定义方式2：
var 函数名 = function(形参){ 函数体 }
形参不写类型，return语句返回一个值
函数如果重载会直接覆盖上一次定义
隐形参数：
函数传入的所有参数都会放到arguments数组中，可以在函数体中调用

object对象：
定义方式1：
var 变量名 = new Object();
变量名.属性名 = 值;  //定义一个字段
变量名.函数名 = function(形参){函数体};  //定义一个函数
定义方式2：
var 变量名 = {
    属性名:值,
    函数名:function(形参){函数体}
}

js事件
静态注册：

动态注册：
1,获取标签对象 document.getElementById()
2,通过 标签对象.事件名 = function(){}; 设置事件

onload事件：页面加载完成后运行
onclick事件：点击后执行
onblur事件：失去焦点后执行

----------正则表达式简易版----------
^           匹配字符串开始
$           匹配字符串结束
*           重复0次或更多次
+           重复1次或更多次
?           重复0次或1次
{n}         重复n次
{n,}        重复n次或更多次
{n,m}       重复n到m次
.           匹配除换行符外的任意字符
\w          匹配字母、数字、下划线
\s          匹配任意空白符
\d          匹配数字
\大写字母    与 \小写字母 相反
[xxx]       匹配[]中任意一个字符，[]中abc可以用a-c简写，1234可以用1-4简写
[^xxx]      匹配[]中未包含的字符

*,+,?后再加?表示非贪婪匹配，优先匹配字符少的，默认贪婪匹配

JQuery：

$使用：
1,传入参数为函数时
表示页面加载完成后,
$(myFunction) 等同于 window.onload = myFunction;
2,传入参数为html的字符串时
自动创建这个html标签
3,传入参数为选择器字符串时
得到这个选择器
4,传入对象为dom对象
将这个dom对象转化为jquery对象

jquery对象：
jquery对象是通过jquery创建、查询的对象
jquery对象是dom对象数组和jquery提供的一系列功能函数
dom对象不能用jquery对象的方法，jquery对象也不能用dom对象的方法
dom -> jquery   $(dom对象)
jquery -> dom   用下标从jquery数组取出来

jquery对象中的内置函数
html()      与dom对象中innerHTML相同，获取或设置起始标签与结束标签中的内容
text()      与dom对象中innerText相同，获取或设置起始标签与结束标签中的文本
val()       与dom对象中value相同，获取或设置表单项中的value属性
有多个dom对象时取第一个，设置全生效，无参获取，有参设置
attr()      获取或设置对象属性,不推荐操作checked、readOnly、selected、disabled等等,可以操作自定义属性
prop()      获取或设置对象属性,推荐操作attr()不推荐操作的
一个参数获取，两个参数设置

jquery dom 的增、删、改
内部插入：
appendTo()          a.appendTo(b)，将a插到b的末尾，成为b的最后一个元素
prependTo()         a.prependTo(b)，将a插入到b的开头，成为b的第一个元素
b可以是选择好的一个jquery对象，也可以是选择器
外部插入：
insertAfter()       a.insertAfter(b)，得到ba
insertBefore()      a.insertBefore(b)，得到ab
替换：
replaceWith()       a.replaceWith(b)，用b替换a
replaceAll()        a.replaceAll(b)，用a替换b
删除：
remove()            a.remove()，删除a标签
empty()             a.empty()，清空a标签中的内容

jquery对象调用

css样式：
addClass("样式1 样式2 ...")     添加样式
removeClass()                 删除样式，不写删除所有class
toggleClass()                 有样式删除，无样式添加
offset()                      返回当前元素左上角位置(与边框左上角位置)
offset({                      设置当前元素位置
top:xx,
left:xx
});

动画操作：
show()                      将隐藏的标签显示
hide()                      将显示的标签隐藏
toggle()                    切换显示、隐藏状态
fadeIn()                    缓慢可见
fadeOut()                   缓慢消失
fadeToggle()                缓慢可见、消失切换
参数：     1,动画展示时间(毫秒)  2,回调函数，动画结束后执行
fadeTo(时间,透明度,回调函数)   指定时长内将透明度调整到指定，0透1不透