给每个li注册mousedown事件，改变li下面i的样式

html代码

<div class="sidebar">
        <ul id="ul-icon">
            <li><i class="layui-icon layui-icon-slider" style="line-height: 60px; font-size: 30px; color: #1E9FFF;"></i></li>
            <li><i class="layui-icon layui-icon-username" style="line-height: 60px; font-size: 30px; color: #1E9FFF;"></i></li>
            <li><i class="layui-icon layui-icon-slider" style="line-height: 60px; font-size: 30px; color: #1E9FFF;"></i></li>
            <li><i class="layui-icon layui-icon-edit" style="line-height: 60px; font-size: 30px; color: #1E9FFF;"></i></li>
            <li><i class="layui-icon layui-icon-util" style="line-height: 60px; font-size: 30px; color: #1E9FFF;"></i></li>
            <li><i class="layui-icon layui-icon-add-1" style="line-height: 60px; font-size: 30px; color: #1E9FFF;"></i></li>
        </ul>
    </div>

　js代码

$(function () {

      //给每个li注册点击效果
      $("#ul-icon li").mousedown(function () {

    //改变li下面的i标签样式
        $(this).children("i").css({"font-size":"29px"});
        
      }).mouseup(function () {

        $(this).children("i").css({"font-size":"30px"});
      });
});