日常编写小结

1.form表单提交：$("from").serializeObject();//对象形式，另有...serialize()等

jQuery("form").serialize(); //"username=&password="
jQuery("form").serializeArray(); //[{name:"username",value:""},{name:"password",value:""}]
jQuery("form").serializeObject(); //{username:"",password:""}；

2.prop设置自身属性，attr设置自定义属性

id使用的是attr赋值；

3.jquery事件取消 off(events,[selector],[fn]) 用于移除on绑定的指定元素的事件
$("#parent").off('click','.child').on('click','.child',function(){})；

4.事件委托 减少与dom的交互次数，提高性能；$("#parent").off('click','.child').on('click','.child',function(){ $(this)//代表原触发此事件的元素 })

5.时间选择插件 datepicker 初次设置 $('.timeSet').datepicker({ format:'yyyy-mm-dd', autoclose:true })
再次设置 $('.timeSet').datepicker('setStartDate', $('#timeStart').val());
清除时间 $('#pIEditPop .timeSet').datepicker('clearDates');

6.readonly设置的只读可以被遍历取值，disabled不能
7.jQuery中each类似于javascript的for循环
return false代替break结束所有循环，return true代替continue结束本层循环

8.prev() prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，.prev(selector)
next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。.next(selector)
siblings() 获得匹配集合中每个元素的同胞。查找每个 p 元素的所有类名为 "selected" 的所有同胞元素：$("p").siblings(".selected")
children() 获得匹配元素集合中每个元素的所有子元素。

9.JSON.parse(jsonstr); //将json字符串转换成json对象
JSON.stringify(jsonobj); //将json对象转换成json对符串

10.数组、字符串之间转化

js里面数组变成字符串用的是 数组名.join；
数组变字符串　　var a,b; //两变量 一个数组a 一个字符串b
　　　　　　　　a=new Array{0,1,2,3,4,5};
　　　　　　　　b=a.join(“-”); //b="0-1-2-3-4-5"

js里面字符串变数组用的是 字符串.split;
字符串变数组　　var b="0-1-2-3-4-5"；
　　　　　　　　var a=b.split("-"); //在-分解

11.获取url里指定地址

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

var href = window.location.href;
var id = href.substr(href.lastIndexOf("/") + 1,href.length);
http://moni.dizhi.com/#/index/page1/123456 //这个便可以取到 123456；

12.inline-block之间有间隙 margin-left或right3px;

13.less 里面 特殊宽度计算  width: calc(~"100% - 78px");