帮忙解释一下
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
</head>
<body>
<div id="content">
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>
<li>物理</li>
<li>化学</li>
<li>生物</li>
</ul>
</div>
<script type="text/javascript">
(function($){
$.extend({
"liFocus":function(myli){
myli.css("background-color","#ccc");
},
"liBlur":function(myli){
myli.css("background-color","#fff");
}
});
})(jQuery);
$(function(){
$("li").bind("mouseover",function(){
$.liFocus($(this));
});
$("li").bind("mouseout",function(){
$.liBlur($(this));
});
});
</script>
</body>
</html>
看了下别人的代码 ， 自己参照这也做了下 ，主要还是不理解
例如：
$("li").bind("mouseout",function(){
$.liBlur($(this));
搞不懂用this为什么就可以做到对每个li元素单独改变背景颜色的？为啥我做的都是整个li一起颜色变换？
