SOURCE

$(function(){

$('#button-add').on('click',function(){
    var item=$('#text-item').val();

    var li='<li>' + item + '</li>';
    var ul=$('#ul-john');
    ul.append(li);



});
});

<ul id="ul-john">
    <li>鸡蛋</li>
    <li>鸡蛋</li>
    <li>鸡蛋</li>
    <li>鸡蛋</li>
</ul>

<input id="text-item" type="text"/>
<input id="button-add" type="button" value="新增"/>

#button-add{
    background-color: black
    color:white