JavaScript总结

1、多个$(doument).(function(){});执行顺序，主要看他们所在的位置决定，如果多个$(doument).(function(){});在同一页面的<script>元素内编写，则按照书写顺序执行。
如果是一个$(doument).(function(){});在页面内<script>元素内编写，一个是在引入的外部js文件中编写，这时 就要看引入这个js文件的<script src=>标签所在的位置了，如果引入位置在页面书写的<script>之前，则外部js文件中的
$(doument).(function(){});先执行，如果引入的js文件的<script src=>标签在页面的JavaScript方法之后，则页面的$(doument).(function(){});先执行。
另外如果$(doument就继续往下).(function(){});内包含调用ajax的方法，则如果ajax不添加async:false的话，$(doument).(function(){});会不等待ajax返回结果执行，
因此在一些情况下可能数据还未获取到，下面的css样式就会开始渲染，导致页面样式得不到预期的。

2、使用find()方法查询包含的子节点时，调用find方法的对象一定要是父级节点，因为find方法是不能查找同级和节点对象的。

3、创建map类型变量并操作：

var map=new Map();
//赋值数组
map.set("1",[1,2,3]);
map.set("2",new Array(1,2,3,4));
console.log(map.get("2"));
//获取键对应值的数据类型
console.log(typeof map.get("2"));
//根据键获取值然后修改值，即向数组中插入字符5
map.get("1").push("5");
console.log(map.get("1"));
console.log(typeof map.get("1"));
map.set("3","111");
console.log(typeof map.get("3"));
console.log(map.get("4"));
map.get("1").push("666");
console.log(map.get("1"));

4、input标签重新绑定事件：

1）js方式

var btn=document.getElementById("btnId");
btn.addEventListener('click',functionName,false);

2）jquery方式

$("#btnId").on('click',function(){});

5、jquery获取第一个或最后一个子元素

//获取第一个子元素
//比如获取第一个input类型子元素
$(this).children("input:first-child").val();
//比如获取第一个li类型子元素
$(this).children("li:first-child").val();
//获取第一个子元素
//比如获取最后一个input类型子元素
$(this).children("input:last-child").val();
//比如获取最后一个li类型子元素
$(this).children("li:last-child").text();
//获取倒数第二个子元素
$(this).children("li:last-child").prev().val();

6、字符串转Date

将字符串转换成Date，可以分割出年月日时分秒，然后分别转换成数字，在new Date()时做为参数传入，但是要注意在传参后获取的date类型时间容易得到一些奇怪的结果，这种情况通常是由于字符串转数字出的问题，即使debugger观察转换的数字没有问题，但是获取的date类型数据还是会有问题，下面是封装的转换函数：

//定义转换函数
//传入参数"18-11-07 18:10"
function formatDate(dateStr){
	var dateArr=("20"+dateStr+":00").split(' ');
	var ymd=dateArr[0].split('-');
	var dh=dateArr[1].split(':');
	var y=parseInt(ymd[0]);
	var m=parseInt(ymd[1])-parseInt(1);
	var d=parseInt(ymd[2]);
	var h=parseInt(dh[0]);
	var min=parseInt(dh[1]);
	var s=parseInt(dh[2]);
	var date=new Date(y,m,d,h,min,s);
	return date;
}