高亮显示 + 手风琴

<script>
$(function () {
  //获取所有的li注册鼠标进入和离开的事件
  $(".wrap>ul>li").mouseover(function () {
    $(this).siblings("li").css("opacity",0.5);
    $(this).css("opacity",1);
  });
  $(".wrap>ul>li").mouseout(function () {
    $(this).parent().children("li").css("opacity",1);
  });
});
</script>

$(function () {
  //获取所有的li标签,注册进入和离开事件
  $("#box>ul>li").mouseover(function () {
  $(this).siblings("li").css("width","100px");
  $(this).css("width","800px");
});
$("#box>ul>li").mouseout(function () {
  //find("条件")获取的是调用该方法的对象中的所有的元素
  //内部循环,外部不需要写循环,隐式迭代
  $(this).parent().find("li").css("width","240px");
  });
});

posted @ 2020-04-08 20:14  花木兰r  阅读(103)  评论(0编辑  收藏  举报