第一种
$("#op1").hover(function(e) {
$("#op2").show();
},function(){
$("#op2").hide();
});
$("#op2").hover(function(){//对按钮的处理
$(this).parent().children("#op2").show();
},function(){
$(this).parent().children("#op2").hide();
});
第二种
$("#d1").hover(function(e) {
$("#d2").show();
},function(){
$("#d2").hide();
});
$("#d2").hover(function(){//对按钮的处理
$("#d2").show();
},function(){
$("#d2").hide();
});
鼠标移上去显示一个下拉,移开下拉隐藏
区别是 $(this).parent().children("#op2").hide(); 找到父类级别,在定位子级
parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。
children找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色:
$("div").children(".selected")
.css("color", "blue");