jQuery 学习笔记

jQuery 学习笔记

记录学习jQuery过程中的点滴

$.on('load',function(){}) //添加监听事件
$('#load_more').off('click') //移去监听事件，如：加载按钮没有更多数据的时候

Ajax

function GetData(page){
var data; //外部变量，当启用异步的时候才会有数据
$.ajax({
type:"GET", //发送方式
url: "diary.php?page="+page, //地址
dataType: 'json', //返回数据类型
async:false, //是否同步
success: function(json) {
data = json; //获取的数据好像不需要parseJSON进行解析，直接可以使用
},
error:function(){
$('#load_more').html('加载失败');
}
});
return data; //返回ajax获取的数据
}

获取数据后进行遍历

$.each(obj.data, function (obj_id,temp) { //obj.data是获取的json数据，后面的func前面是元素id，后面是元素本身
if(temp.crap==null){ temp.crap = ''}
var node = '<h4>'+temp.title+temp.data+temp.crap+'</h4>';
$('#diary_panel').append(node);
$('#panel'+id).css({
'opacity':0.1,
'margin-top':'20px'
});
$('#panel'+id).animate({
"opacity":1,
"margin-top":5 //panel 本身有top 5px的属性
},1000);

id++;
$('#load_more').html('<span class="glyphicon glyphicon-refresh"></span> 载入中...');