jQuery网易相册鼠标移动显示隐藏效果实现代码_jquery

网易相册效果图如下：当鼠标移动经过照片就显示“设为封面｜删除”，移开后就隐藏，此效果在web开发中经常会用到。故总结一下

直接上代码：
代码如下:








jQuery(document).ready(function(){
jQuery("#imgvv div").hover(function() {
jQuery(this).find("#oper").show().find("a").attr("href","javascript:void(0)");
}, function() {
jQuery(this).find("#oper").hide();
});
});








myHOME 共2张照片


编辑属性|href="#">删除






myHOME 共2张照片


编辑属性|href="#">删除






myHOME 共2张照片


编辑属性|href="#">删除






运行结果：

事实上主要是jquery的层选择器：

$("div span")//选择里所有元素
$("div>span")//选择元素下元素名为的元素（仅一个）
$('prev+next')//选择紧接在prev元素后的next元素（所有匹配的对象）
$('prev~siblings')//选择prev元素之后的所有sibling元素

这里用到是选择元素内的元素“find()”方法。

一年多没有用JQeruy了，方法全忘记啦，复习一下吧。