HTMLELEMENT对象

今天遇到一个问题，想模拟鼠标悬浮li上出现链接，划出li隐藏链接：

在使用时，借助this来获得当时悬浮的li，并对li操作属性，但是this是HTMLELEMENT对象，不是jquery对象，要想使用jquery对象的方法，需要使用$(this)转换成jquery对象

 

$(document).ready(function(){

$("li").hover(

                              function(){

                                    alert(this);  //objet HTMLElement对象,表示 HTML 中的一个元素 li

                                    $(this).addClass("liOn");  //jquery对象 $("li")

                                    $(this).find("a").addClass("isDisplay");

                            },

                           function(){

                                  $(this).removeClass("liOn");

                                 $(this).find("a").removeClass("isDisplay");

                                 }

                   );

});