今天遇到一个问题,想模拟鼠标悬浮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");
}
);
});