JS小总结

1、JS全选反选：

var op = $("input:checked");
op.prop("checked",false);
$("input").not(op).prop("checked",true);

注意：Dom的固有属性用prop，自定义属性才用attr，如上面用attr是得不到值的！

2、JQuery重构了一下，推崇JQUERY的on方法，如：

$(document).on("click", "#id", function() {

});

原有的动态增量的DOM节点，必须用live或者bind来预绑定对象，现在有了on，再性能上提升了，也不再需要live或者bind绑定事件了

3、过滤没有含data-xsui-grid-colspan的节点

$(this).find('.xsui-grid-cell:not([data-xsui-grid-colspan])');

4、跨域请求JSONP

JSONP是解决跨域请求的问题

跨域：IP、端口、协议，只要有一个不同，就是相对于浏览器是跨域了，浏览器会出现

No 'Access-Control-Allow-Origin' header is present on the requested resource.

$.ajax({
url : 'http://localhost:8080/data.json',
dataType : 'jsonp',
type : 'GET',
data : {
name : 'Nickwu'
},
jsonpCallback : 'jsonpCallback',
success: function(data) {
console.log(data);
},
error:function(msg){
console.log(msg);
}
});

JSONP必须按照一定的规范，根据

jsonpCallback

传递的名字构建后台的数据，如果

jsonpCallback

设置为abc，那么后台数据必须是

abc();

，括号里面是json字符串的规范

如上的

jsonpCallback

设置为jsonpCallback，那么后台的字符串为：

jsonpCallback({
"code" : "200",
"msg" : "request success",
"data" : {}
});