jQuery慢慢啃之特效(八)

2022-05-02 23:57:09 字數 3829 閱讀 4612

1.show([speed,[easing],[fn]])\\顯示隱藏的匹配元素

//speed:三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)

//easing:(optional) 用來指定切換效果,預設是"swing",可用引數"linear"

$("p").show()
$("p").show("slow");
$("p").show("fast",function());

$("p").show(4000,function());

2.hide([speed,[easing],[fn]])//隱藏顯示的元素

//speed:三種預定速度之一的字串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如:1000)

//easing:(optional) 用來指定切換效果,預設是"swing",可用引數"linear"

$("p").hide()
$("p").hide("slow");

$("p").hide("fast",function());

3.slidedown([speed],[easing],[fn])//通過高度變化(向下增大)來動態地顯示所有匹配的元素,在顯示完成後可選地觸發乙個**函式

$(".btn2").click(function());
$("p").slidedown("slow");
$("p").slidedown("fast",function());

4.slideup([speed,[easing],[fn]])//通過高度變化(向上減小)來動態地隱藏所有匹配的元素,在隱藏完成後可選地觸發乙個**函式。

$("p").slideup("slow");
$("p").slideup("fast",function());

5.slidetoggle([speed],[easing],[fn])//通過高度變化來切換所有匹配元素的可見性,並在切換完成後可選地觸發乙個**函式

$("p").slidetoggle("slow");

$("p").slidetoggle("fast",function());

6.fadein([speed],[easing],[fn])//通過不透明度的變化來實現所有匹配元素的淡入效果,並在動畫完成後可選地觸發乙個**函式

$("p").fadein("slow");
("p").fadein("fast",function());

7.fadeout([speed],[easing],[fn])//通過不透明度的變化來實現所有匹配元素的淡出效果,並在動畫完成後可選地觸發乙個**函式。

$("p").fadeout("slow");
$("p").fadeout("fast",function());

8.fadeto([[speed],opacity,[easing],[fn]])//把所有匹配元素的不透明度以漸進方式調整到指定的不透明度,並在動畫完成後可選地觸發乙個**函式。

$("p").fadeto("slow", 0.66);
$("p").fadeto("fast", 0.25, function());

9.fadetoggle([speed,[easing],[fn]])//通過不透明度的變化來開關所有匹配元素的淡入和淡出效果,並在動畫完成後可選地觸發乙個**函式。

$("p").fadetoggle("slow","linear");
$("p").fadetoggle("fast",function());

10.animate(params,[speed],[easing],[fn])//用於建立自定義動畫的函式。

//注意:所有指定的屬性必須用駱駝形式,比如用marginleft代替margin-left.

$("#go").click(function(), 1000 );});
$("#right").click(function(), "slow");});

$("#left").click(function(), "slow");});

$("p").animate(, 500);

$("p").animate(, "slow", "easein");
11.stop([clearqueue],[jumptoend])//停止所有在指定元素上正在執行的動畫。
[clearqueue],[gotoend]boolean,booleanv1.2

clearqueue:如果設定成true,則清空佇列。可以立即結束動畫。
gotoend:讓當前正在執行的動畫立即完成,並且重設show和hide的原始樣式,呼叫**函式等。
[queue],[clearqueue],[jumptoend]booleanv1.7

queue:用來停止動畫的佇列名稱
clearqueue:如果設定成true,則清空佇列。可以立即結束動畫。
jumptoend:如果設定成true,則完成佇列。可以立即完成動畫。
$("#stop").click(function());

// 開始動畫

$("#go").click(function(), 5000);});

// 當點選按鈕後停止動畫

$("#stop").click(function());

11.delay(duration,[queuename])//設定乙個延時來推遲執行佇列中之後的專案。
$('#foo').slideup(300).delay(800).fadein(400);

12.finish( [queue ] )//停止當前正在執行的動畫,刪除所有排隊的動畫,並完成匹配元素所有的動畫。

$("#complete").click(function());

13.jquery.fx.off//關閉頁面上所有的動畫。

jquery.fx.off = true;

$("input").click(function());

14.jquery.fx.interval//設定動畫的顯示幀速

jquery.fx.interval = 100;

$("input").click(function());

jQuery慢慢啃之文件處理(五)

replaceall這個幾個方法成為乙個破壞性操作,返回值是所有被追加的內容,而不僅僅是先前所選中的元素。所以,要選擇先前選中的元素,需要使用end 方法 3.prepend content 向每個匹配的元素內部前置內容。p prepend hello 4.prependto content 把所有...

jQuery慢慢啃之選擇器(二)

1.mydiv id匹配乙個元素 foo bar 轉義 2.div 元素標籤名匹配 3.myclass css類名匹配 4.匹配所有元素,多用於結合上下文來搜尋 5.指定多個選擇器,把匹配結果組合返回 div p class myclass span p class notmyclass div,s...

jQuery慢慢啃之事件物件(十一)

1.event.currenttarget 在事件冒泡階段中的當前dom元素 p click function event 2.event.data 當前執行的處理器被繫結的時候,包含可選的資料傳遞給jquery.fn.bind。a each function i function e 3.even...