jQuery 学习笔记

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 = '

'+temp.title+temp.data+temp.crap+'

'; $('#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(' 载入中...');

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。