首页 > 代码库 > jQuery常用属性

jQuery常用属性

1.显示隐藏功能

hide 隐藏   show显示属性

默认参数为时间,单位为毫秒

$(‘button‘).on(‘click‘,function(){
    var content = $(‘.header‘);
         if(content.is(‘:visible‘)){
            content.hide(1000);
         }else{
            content.show(1000);
        }

2.淡入淡出

   fadeIn淡入    fadeOut淡出

默认参数也是时间         实例:

$(‘.list>a‘).on(‘click‘,function(){
       var ThisIndex = $(this).index();
       console.log(ThisIndex);
       $(‘.img>img‘).eq(ThisIndex-1).fadeOut(1000);
       $(‘.img>img‘).eq(ThisIndex).fadeIn(1000);
});

 

3.滑动效果

  slideUp收起     slideDown下拉

默认参数也是时间         实例:

var h3 = $(‘h3‘);
h3.next().hide();
   h3.on(‘click‘,function(){
     if($(this).next().is(‘:hidden‘)){
      $(this).next().slideDown(500);
      }else{
          $(this).next().slideUp(500);
      }

 

jQuery常用属性