jQuery常用屬性

標籤：ext   button   show   function   down   ble   query   效果   index   

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常用屬性