js总结

定义变量全部就用一个关键字:var

js中的数据类型:
Number:数字类型(包含整数和小数)
string:字符串
null:Object类型
boolean:值有true/false
undefined:undefined

全局变量和局部变量:
	全局变量可以在本页面使用
	局部变量只能在本函数中使用

运算符:+ - * / % ++ –
+= -= *= %= /= == === !=
…

数组:
var arr=[1,3,4,5];
var arr=new Array();
var arr=new Array(2,4,5,6);

语句:
if(表达式){

}

if(){

}else{

}
 
 if(){
 
 }else if(){
 
 }else{
 
 }

switch(){
	case :...
	break;
	default:...
	break;
}	

for(){

}

while(){

}	

函数:
关键字:function

定义函数的类型有:
			有参有返回值的
			无参无返回值的
			有参无返回值的
			无参有返回值的

function 函数名(可选参数){

}

var 变量名=function(){ //匿名函数

}

var 变量名=new Function(“是方法体”,“返回值”); //动态函数

事件:
onclick();
onchange();
onblur();
…

对象:
bom:
window:
window.alert();
window.open(“需要打开的url”,"",“调整大小”);
window.location.href=“需要跳转的地址”;

dom:
	document.write()
	document.getElementById();
	document.getElementsByName();
	document.getElementsByTagName();
	
	属性:
		value
		innerHTML

jquery:
是一个js库;

想要使用jquery就要导入jquery包

基本格式:
$(function(){
	//页面加载时执行该回调函数
});

选择器:
	基本选择器:id,class,元素
	
	层级选择器:
			body p 中间是空格的(要后代)
		    body+p 中间是加号(要的是挨着的)
		    body>p 中间是大于号(只要儿子)
		    body~p 要兄弟
		    
   	属性选择器:
   			:属性
   			
   	过滤选择器:
   			:过滤条件
   			
   	表单选择器:
   			:表单类型

事件:
blur([[data],fn]) //当元素失去焦点时
change([[data],fn]) //当元素发生改变时
click([[data],fn]) //点击某个元素时
dblclick([[data],fn])//双击某个元素时

ajax:
是异步提交;
完成js和java后台代码的交互;

jquery中的ajax的基本格式是:
	$.ajax({
		//可选的属性
		type:"提交方式",
		url:"需要提交的url路径",
		data:{json格式的参数},
		dataType:"json",
		success:function(data){
			//成功后需要执行的逻辑
		},
		error:function(msg){
			//失败后执行的逻辑
		}
	});

json:
是轻量级的数据交换格式;
js 和 java 的数据交换;
在js中使用json:
{}是对象;
var json={“属性”:“值”,“属性”:“值”};

	[]是数组;
	var json=[
			{"属性":"值","属性":"值"},
			{"属性":"值","属性":"值"},
			{"属性":"值","属性":"值"}
		  ];
	把json格式的字符串转换为json对象:
		var str="{"a":"A"}" 需要转义:var str="{\"a\":\"A\"}"
		
		JSON.parse(str.a);//转为json并取值
		
		var json=eval("("+str+")");
		alert(json.a);
		
java中使用json:
	JSONObject json=new JSONObject();//相当于map集合
	JSONArray json=new JSONArray();//相当于list集合
	
	把对象.集合.数组转为json串
	JSON.toJSONString();
	
	把json串转为:对象.集合
	对象:JSON.parseObject(json串,对象.class);
	list集合:JSON.parseArray(json串,泛型对象.class);
	map集合:JSON.parseObject(json串,new TypeReference<Map<泛型>>(){});

js中的案例:
全选/全不选
左右下拉框互相添加
模拟轮播图

jquery中的案例:
表格隔行变色
全选/全不选

	ajax:
		校验数据的唯一性
		删除弹窗
		省级联动