SOURCE

$('#text').css('color','red');

$('#content').find('li').click(function(){
    $(this).css('background','pink');
})


$('#content').find('li:odd').css('color','green');

$('#content').find('li:even').css('color','blue');

$('.box').animate({
    width: 200,
    height: 200,
    backgroundColor: 'yellow'
},3000,'swing',function(){
    $('.box').animate({
            width: 100,
            height: 100,
            top: 20,
            left: 300,
            background: 'pink'
    },3000,'linear')
})

<div id="content">
    <ul>
        <li>软件一班</li>
        <li>软件二班</li>
        <li>收藏</li>
        <li>回收</li>
        <li>打印</li>
    </ul>
</div>

<p id="text">nihao</p>

<div class="box">

</div>

*{
    padding: 0;
    margin: 0;
}
ul li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box{
    position: absolute;
    width: 100px;
    height: 100px;
    background: pink;
}