14.延时加载和三目运算符

一.延时加载图片的方法

    // 图片延时加载 .wait_load是绑定在图片上的class值
    $('.wait_load').css('opacity','0');
    // 当document滑动到当前位置时才显示
    function waitLoad(){
        // 延时执行
        setTimeout(function(){
            // 遍历出所有的图片
            $('.wait_load').each(function(index){
                if($(window).height() + $(document).scrollTop() >= $(this).offset().top){
                    // 将图片的src设置成当前图片的xsrc
                    $(this).attr('src',$(this).attr('xsrc')).animate({
                        'opacity':1
                    },1000);
                }
            });
        },500);
    }
    //waitLoad();
    // 滚动或者window改变,都调用waitLoad()方法
    $(document).on('scroll',waitLoad);
    $(window).on('resize',waitLoad);

二.三元运算符

var score = 61;
var result;
result = score > 60 ? '及格':'不及格';
//相当于
if(score > 60){
    result = '及格'
}else{
    result = '不及格'
}