jQuery获取当前元素的索引值还是很方便的,比如一大堆的li,当鼠标移上去的时候,你知道这个li是众多li中的第几个吗?
$("li").hover(function(){
alert($("li").index(this));
});
.index函数还是很好用的。它的说明为: 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。
$("li").hover(function(){
alert($("li").index(this));
});
=============================================================
一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。
这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。
而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
返回值:jQuery
参数:
over (Function): 鼠标移到元素上要触发的函数
out (Function): 鼠标移出元素要触发的函数
$("p").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});
out (Function): 鼠标移出元素要触发的函数
$("p").hover(function(){
$(this).addClass("over");
},
function(){
$(this).addClass("out");
});