SOURCE

console 命令行工具 X clear

                    
>
console
$(function(){


$('#button-add').on('click',funtion(){
   var li='<li>吸管</li>';
    var ul=$('#ul-piao2');
    ul.append(li);

});
});
<ul id="ul-piao">
	<li title="milk" style="color:white;"class="food">牛奶
	<li style="color:gold;"class="food">鸡蛋
    <li style="color:white;">纸巾
        <li style="color:brown;">电池
</ul>

<ul id="ul-piao2">
	<li style="color:black;"class="food">牛排
	<li  title="apple" style="color:green;"class="food fruit">苹果
    <li style="color:white;"class="food">汉堡
</ul>
</br>
</br>

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

me &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspyou <br/>

&times <br/>
&copy <br/>
<input><br/>
<input type="number"/> <br/>
<input name="gender"type="radio"/><input name="gender"type="radio"/><input name="gender"type="radio"/>其他<br/>

<input type="checkbox"/>红色<br/>
<input type="checkbox"/>蓝色<br/>
<input type="checkbox"/>绿色<br/><br/><br/>

<textarea></textarea><br/><br/><br/>
用户名:<input type="text"><br>
密码:<input type="text"><br>
<input type="button" value="登录"/><br><br><br>

<input type="text" placeholder="请输入用户名"/><br>
<input type="text"placeholder="请输入密码"/><br>
<input type="button" value="登录"/><br><br><br>

<input type="text" placeholder="请输入用户名"/><br>
<input type="password"placeholder="请输入密码"/><br>
<input type="button" value="登录"/><br><br><br
li{
font-weight: bold;
font-size:20px;
}
#ul-piao2{
    background-color: rgb(211, 117, 117)
}
#ul-piao{
    background-color: rgb(1, 117, 117)
}

.food{
font-weight: bold;
font-size:30px;
}

#ul-piao .food{
font-weight: bold;
font-size:40px;
}

[title]{
font-style: italic;
}

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