您现在的位置是:主页 > 网站制作 > Js经典实例 >

jq弋品网站总结

刘清2020-03-25 19:34个人博客人已围观

简介$(function(){ var xxx=$(#xxx .list-item); xxx.click(function(){ var on_index=xxx.index(this); xxx.removeClass(active); xxx.eq(on_index).addClass(active); $(.vvv).addClass(none); $(.vvv).eq(on_index).removeClass(none); }); }); 1.通过查找到







$(function(){
  var xxx=$('#xxx .list-item');
  xxx.click(function(){
  var on_index=xxx.index(this);
  xxx.removeClass('active');
  xxx.eq(on_index).addClass('active');
  $('.vvv').addClass('none');
  $('.vvv').eq(on_index).removeClass('none');
  });
  });

 

1.通过查找到目标 如果是点击或者鼠标滑动  (   click   )(mouseover) (mouseout) 触发事件

 

 
  <script type="text/javascript">
  $(function(){
   
  $(".jjj").mouseover(function(){
  $(".at-dropdown__popover").removeClass("xxx");
  });
   
   
  $(".jjj").mouseout(function(){
  $(".at-dropdown__popover").addClass("xxx");
  });
   
  });
  </script>



前端常用  display:none;    隐藏     overflow:hidden  溢出隐藏、清除浮动、解决外边距塌陷等等)



 

Tags:

很赞额!(74)

文章评论

站点信息

  • 建站时间:2018-12-1
  • 网站程序:织梦cms
  • 主题模板《今夕何夕》
  • 文章统计:299条
  • 文章评论:490条
  • 统计数据百度统计