jQuery如何添加hover类到指定元素

HTML

<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li class="fade">Chips</li>
  <li class="fade">Socks</li>
</ul>
					    

JS

$(document).ready(function(){
	$("li").hover(
		function(){
			$(this).append($("<span>---动态添加hover类</span>"));
		},
		function(){
			$(this).find("span:last").remove();
		});
	$("li.fade").hover(function(){
		$(this).fadeOut(100);
		$(this).fadeIn(500);
	});
});