JS基础知识

x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容

大小写敏感
忽略空格

脚本语言，读取代码时，逐行执行脚本代码，传统编程时，执行前需要对全部代码进行编译

单行注释 //
多行注释 /* */

var a = 1.1 不带引号的数字
var str = "hello world" 带引号的字符串
var a = true 布尔
var cats = new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo"; 基于下标

函数定义
function functionname(){
执行代码块
}

运算可以应用于字符串，数字与字符串相加，最后会变成字符串

== 等于
=== 全等（值和类型都等于）
&& 与
|| 或
！非

if (条件 1)
{
当条件 1 为 true 时执行的代码
}
else if (条件 2)
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和条件 2 都不为 true 时执行的代码
}

switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}

for (var i=0; i<5; i++)
{
x=x + "The number is " + i + "
";
}

while (条件)
{
需要执行的代码
}

break 语句用于跳出循环
continue 用于跳过循环中的一个迭代

try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}

创建自定义错误
throw exception

JQuery

基础语法

$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询’和”查找“HMTL元素
jQuery的action()执行对元素的操作

$("#intor") id为“intro”的元素
jQuery是为处理HTML事件而特别设计的

事件方法

$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）$ (selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件$ (selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件

$(selector).hide(speed,callback);$ (selector).show(speed,callback);
$(selector).toggle(speed,callback);
隐藏/显示的切换，speed是切换速度，callback是切换结束后执行的函数

$(selector).fadeIn(speed,callback); 淡入已隐藏的元素$ (selector).fadeOut(speed,callback); 淡出未隐藏的元素
$(selector).fadeToggle(speed,callback); 淡入和淡出之间的切换$ (selector).fadeTo(speed,opacity,callback); opacity不透明度，0-1之间，透明显示

$(selector).slideDown(speed,callback); 滑动已隐藏的元素$ (selector).slideUp(speed,callback); 滑出已隐藏的元素
$(selector).slideToggle(speed,callback); 滑入和滑出之间切换

$(selector).animate({params},speed,callback); 自定义动画必需的 params 参数定义形成动画的 CSS 属性$ (selector).stop(stopAll,goToEnd);
stopAll 即停止活动的动画，允许任何排入队列的动画向后执行，默认为false
goToEnd 是否立即完成当前动画，默认为false

操作HTML内容和属性

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
attr()- 设置或返回元素的属性
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

remove(agr) - 删除被选元素（及其子元素） agr支持过滤元素，选择器
empty() - 从被选元素中删除子元素

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）
height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）
innerWidth() 方法返回元素的宽度（包括内边距）
innerHeight() 方法返回元素的高度（包括内边距）
outerWidth() 方法返回元素的宽度（包括内边距和边框）
outerHeight() 方法返回元素的高度（包括内边距和边框）

遍历

祖先

parent() 直接上级祖先
parents('div') 所有祖先，支持过滤

后代

parentsUntil('div') 当前与div之间的所有祖先元素
children() 支持过滤
find(*) *时表示返回所有后代

同胞

siblings() 所有同胞，支持过滤
next() 下一个同胞
nextAll() 下面的所有同胞
nextUntil("h6") 返回当前与之间的所有同胞
prev() 前一个同胞
prevAll() 前面的所有同胞

过滤

返回多个元素时的过滤
first() 第一个元素
lase() 最后一个元素
eq() 索引
filter() 过滤
not() 与上面相反的过滤
prevUntil() 返回当前与前面的所有同胞

ajax

$.get(URL,callback);$ .get(URL,function(data,status){}); get请求url 回调函数中，第一个参数为返回的数据，第二个为请求的状态
$.post(URL,data,callback);$ .post(URL,data,function(data,status){}); post请求url 回调函数中，参数为需要传到后台的数据，回调函数中，第一个为参数返回的数据，第二个为请求的状态

前端基础知识