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