jqueryの基本操作

1、jq中のhoverイベント(移入/除去)書き方参照:

 $('#div1').hover(function(){    },function(){    })

2、jqにおけるデフォルトイベントのブロック;

1.e.preventDefault();
2、return false; （           ）  

**3、jqでのイベントの伝達を阻止する(泡や沈下を防止する)**

     e.stopPropagation();

**4、jqで取得した要素の幅**

   $('#div1').width()
   $('#div1').height()

**5、jqからイベントを削除、off(イベントタイプ、そのイベントのコールバック関数を実行)**

$(document).off('mouseover',moveFn);

**6、jqで取得した要素の下付き文字(下付き文字は0から)**

1.                 ：$(this).index();
2.                     .index($(this))
3.        ，         （   0  ）
.eq(index);

**7、jqのclassクラス名**

$('input').eq(index).addClass('active');
$('input').eq(index).removeClass('active');

**9、jqの作成ノード**

  ：$('
');
  ：
(    )$('li').append(a);      a.appendTo( $('li'));
(    )$('li').prepend(a);      a.prependTo( $('li'));

** 9、jq中删除节点**

$('#div1').remove();

**10、jqでのレプリケーションノード**

$('#div1').clone();

**11、jqにおけるノードの関係**

1.children();--              
2.siblings();--      ，    
3.next();--                
4.prev();--                 
5.parent();--            

**12、jqのアニメーション**

1、
show()-->   (  ：slow/fast/400)-$('div').show('slow',function(){    })
hide()-->  
toggle()-->   
slideDown()-->    
slideUp()-->     
slideToggle()-->     
fadeIn()-->    
fadeOut()-->     
fadeToggle()-->       
fadeTo()-->   1.   2.    (0~1)--$('div').on('click',function(){$('#div1').fadeTo(100,1)});
2、
delay();    delay $('#div1').delay(2000)stop()  
stop();()                $('#div1').stop();

**9、jqのeasing.jsアニメーション**

1.   
  ：
$('#div1').animate({ 
1、      
duration:100,
2、      
 easing:"easeInBounce",
3、            
complete:function(){
alert("      ");
}
})

** :**

1、          
background:-webkit-linear-gradient(top,#dfdfdf,#dfdfdf 20%,white 20%,white 40%,#dfdfdf 40%,#dfdfdf 60%,white 60%,white 80%,#dfdfdf 80%,#dfdfdf 100%);
2、      
top:50%;
left:50%;
transform:translate(-50%,-50%);