返回首页
坑
$.post 如果后台返回json格式不对 前台也不报错 就是不进回调函数
注意$.post是有四个参数的,一般需指定第四个参数为json
$.post(url, param, function (data) {
if (data!=null && data.Success)
{
alert('写入成功')
}
},'json')
坑
遮罩效果 遇到同步AJAX请求 不起作用
浏览器的渲染(UI)线程和js线程是互斥的,在执行js耗时操作时,页面渲染会被阻塞掉。
当我们执行异步ajax的时候没有问题,但当设置为同步请求时,其他的动作(ajax函数后面的代码,还有渲染线程)都会停止下来。
高速
禁用a标签或input
jquery禁用a标签方法1
$(document).ready(function () {
$("a").each(function () {
var textValue = $(this).html();
if (textValue == "XX概况" || textValue == "服务导航") {
$(this).css("cursor", "default");
$(this).attr('href', '#'); //修改的 href属性值为 # 这样状态栏不会显示链接地址
$(this).click(function (event) {
event.preventDefault(); // 如果定义了 target="_blank“ 需要这句来阻止打开新页面
});
}
});
});
jquery禁用a标签方法2
$('a.tooltip').live('click', function(event) {
alert("抱歉,已停用!");
event.preventDefault();
});
jquery禁用a标签方法3
$(function(){
$('.disableCss').removeAttr('href');//去掉a标签中的href属性
$('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
});
jquery控制按钮的禁用与启用
控制按钮为禁用:
$('#button').attr('disabled',"true");添加disabled属性
$('#button').removeAttr("disabled"); 移除disabled属性
高速
元素绑定事件
$('#e').on('click',fun)
问题
无效的 JSON 基元
加入:dataType: "json",
移除:contentType: 'application/json'
知识点
$.each 方法的使用
语法:$(selector).each(function(index,element))
index:选择器的 index 位置(0开始)。element:当前的元素
e.g :
var arr=['a','b','c']
$.each(arr,function(index,value){
console.log(value)
})
或者直接选择元素跟该方法:$("input:hidden").each(function(index,val){
});
知识点
$.map 方法的使用
语法:$.map( object, callback )
作用:$.map() 函数用于使用指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回。
参数object:Array/Object类型 指定的需要处理的数组或对象。 callback:Function类型 指定的处理函数。
其中callback又可定义为:fucntion(element,index){} element:元素值 index:索引(0开始)
e.g :
var arr = [ "a", "b", "c", "d", "e" ];
arr = $.map(arr, function(n, i){
return (n.toUpperCase() + i);
});
console.log(arr)
输出:["A0", "B1", "C2", "D3", "E4"]