常用jq的用法

//1、
$('.test').removeClass().addClass('sub')
//2、
$('.test').attr('src', 'http://www.baidu.com')
//3、
$('.test').html($('.game-score').text())
//4、
$('.test').css({'marginTop':'1px'})
//5、
$(this).addClass('imgBorder').parents('.sysSubOne').siblings().find('img').removeClass('imgBorder')
// 6、
var prizeStr;
for(var i=0;i<data.length;i++){
    prizeStr += '<div>'+
        '<img src="'+imgUrl+'" alt="">'+
        '</div>'
}
$('.container_index').show().find('.levelBgAll').html(prizeStr)
// 7、
$('.system img').on('click', function(){ // 点击全部图片
    var interactionType = $(this).attr('data-interactionType') // 拿到type
    // 全部类型的图片与点击的图片type相等的时候，全部移除样式
    $('.sysSubAll img').filter(function(index, item){ 
        if (interactionType == $(item).attr('data-interactionType')) {
            return $(item)
        }
    }).removeClass('imgBorder')
    //当前点击的图片增加样式
    $(this).addClass('imgBorder')
})

.people{
    width:100px;
    height: 100px;
    &.jump{
        animation: jump 0.6s infinite
    }
    @keyframes jump{
        0%{
            transform: translateY(0);
        }
        50%{
            transform: translateY(-15px);
        }
        100%{
            transform: translateY(0);
        }
    }
}