jQuery基礎效果
$(document).ready(function(){}這句話的意思是頁面加載完成後執行，
等同於js中的window.onload，大家學了jQuery的話應該就會知道
?
$(document).ready(function(){//這行代碼意思是頁面加載後執行
?????????? $("#bun1").click(function(){//#是ID的意思? .是Class的意思?? $("#bun1")選擇你需要用到的元素，這句話的意思是我要給一個ID為bun1的元素加點擊事件
?????????? $(".h11").hide(‘fast‘)//一樣$(".h11")選擇元素，選Class
??????? ?? })
?
解釋完了，jQuery就是這麽簡單
現在來學習基礎效果
?
?
1隱藏和顯示
隱藏的代碼是hide（speed，function）
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
顯示的是代碼show（speed，function）
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
如果你要弄隱藏和顯示的效果，你需要2個按鈕一個隱藏，一個顯示，有個代碼可以讓你給一個按鈕施加2個效果，既可以隱藏也可以顯示，那就是
toggle(speed，function)
第一個參數可以是 毫秒 slow fast??
?
代碼如下
$(document).ready(function(){
?????????? $(‘#bun1‘).click(function(){
???????????? //$(‘#div1‘).hide(2000)//隱藏 隱藏的速度是2秒完成
???????????? // $(‘#div1‘).show(2000)//顯示 顯示的速度為2秒完成
???????????? $(‘#div1‘).toggle(2000)//既可以隱藏也可以顯示
?????????? })
??????????
??????? })
?
?
2淡入淡出
淡入隱藏的元素（把元素隱藏的給淡入出來，可以給人看到）
fadeIn(speed,function)
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
?
?
淡出顯示的元素（把元素淡出，隱藏起來，我總是容易弄混）
fadeout(speed,function)
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
既可以淡入又可以淡出
fadeToggle(speed,function)
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
給淡入淡出的元素設置透明度
fadeTo(speed,opacity,function)
第一個參數可以是 毫秒 slow fast?? 第三個參數，就是完成隱藏後執行的函數 opacity是必須的參數（值為0-1之間）
?
代碼如下
$(document).ready(function(){
?????????? $(‘#bun1‘).click(function(){
???????????? //$(‘#div1‘).fadeOut(2000)//淡出
???????????? //$(‘#div1‘).fadeIn(2000)//淡入
???????????? //$(‘#div1‘).fadeToggle(2000)既可以淡入又可以淡出
???????????? $(‘#div1‘).fadeTo(2000,0.2)
?????????? })
??????????
??????? })
?
?
3滑動
向下滑動
slideDown(speed,function)
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
向上滑動
slideUp(speed,function)
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
既能向上又能向下
slideToggle(speed,function)
第一個參數可以是 毫秒 slow fast?? 第二個參數，就是完成隱藏後執行的函數
?
代碼如下
$(document).ready(function(){
?????????? $(‘#bun1‘).click(function(){
???????????? //$(‘#div1‘).slideDown(2000)//向下滑動隱藏到消失
???????????? //$(‘#div1‘).slideUp(2000)//向上滑動隱藏到消失
???????????? $(‘#div1‘).slideToggle(2000)//既可以向上又可以向下
?????????? })
??????????
??????? })
?
?
4動畫
animate({params},speed,function)用於創建自定義動畫
參數params必選 為形成動畫的css屬性
speed參數可以是 毫秒 slow? fast?? function參數，就是完成隱藏後執行的函數
$(document).ready(function(){
?????????? $(‘#bun1‘).click(function(){
$(‘#div1‘).animate({height:‘200px‘,width:‘200px‘},2000)
?????????? })
??????????
??????? })
?
?
Animate({})裏面寫多個css樣式會同時執行
如果這樣寫，就會排隊執行，先執行第一個，然後第二個，接著第三個，依次執行
$(‘#div1‘).animate({height:‘200px‘},2000)
$(‘#div1‘).animate({width:‘200px‘},2000)
?
?
還有一種寫法是在原本的寬度上架200像素 使用+=，具體的其他用法，遇到才知道
$(‘#div1‘).animate({height:‘+=200px‘},2000)
?
?
?
?
stop(stopALL，goToEnd)用來停止動畫
stopAll參數是否清除動畫隊列，默認是false，是停止當前動畫，執行隊列中的下一個動畫
goToEnd參數是否立即完成當前動畫，默認是false
?
因此stop（）不加參數的用法是清楚當前動畫，執行隊列中的下一個，具體用法，根據實際應用了
?
?
?
5 chaining技術的作用：能把動作/方法鏈接起來。
只需要再動畫之後加.就可以鏈接起來
$(document).ready(function(){
?????????? $(‘#bun1‘).click(function(){
???????????? ? $(‘#div1‘).animate({height:‘+=200px‘},2000).css(‘background‘,‘yellow‘).animate({width:‘+=100px‘},2000)?????????? ?
??????????
?????????? })
??????????
??????? })
jQuery基礎效果