请问只在某个页面使用 JQuery 会影响整体性能吗？

请问只在某个页面使用 JQuery 会影响整体性能吗？

我有一个运动比赛列表的页面，透过mui.ajax 获得数据之後，
要按照数据，把比赛列表组合出来，
这里面有图片、分数、队伍名称等数据，还要按照日期分类

一个li 的节点大致如下

<li class="mui-table-view-cell mui-collapse mui-active">  
    <a class="mui-navigate-right" href="#" id='20151203'>日期1  
        <a href="#" id="game_id">  
            <div class="row mui-collapse-content">  
                <span class="col-xs-5">  
                    <img class="img-responsive" src="../img/AndyMe.png"/>  
                    <span>team1</span>  
                </span>  
                <span class="col-xs-2">VS</span>  
                <span class="col-xs-5">  
                    <img class="img-responsive" src="../img/AndyMe.png"/>  
                    <span>team2</span>  
                </span>  
            </div>  
            <div class="row mui-collapse-content">  
                <div class="col-xs-2">时间</div>  
                <div class="col-xs-2">人氣</div>  
                <div class="col-xs-2">观看</div>  
                <div class="mui-btn mui-btn-green mui-pull-right" id="analyse1">开始分析</div>  
            </div>  
        </a>  
    </a>  
</li>

直接用 js 的方式组合这个列表，我想到就头痛，十分的复杂
mui 也没有提供足够的 dom 操作
所以我想使用 JQuery 操作 dom , 在这个页面上组合出列表
但是我又怕影响性能所以才提出这个问题

只是在组合 DOM 这个部份使用 jquery 是否对整体性能会有很大影响呢？
还是只有单一页面有影响呢？
具体影响的体现是什麽？

或是有其他更好的解决方式？比如说模板引擎之类的？

谢谢