第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

1. stop()：只會(huì)停止第一個(gè)動(dòng)畫，第二個(gè)第三個(gè)繼續(xù)

2. stop(true)：停止第一個(gè)、第二個(gè)和第三個(gè)動(dòng)畫

3. stop(true ture)：停止動(dòng)畫，直接跳到第一個(gè)動(dòng)畫的最終狀態(tài)?

• duration?- 設(shè)置動(dòng)畫執(zhí)行的時(shí)間

• easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動(dòng)函數(shù)

• step：規(guī)定每個(gè)動(dòng)畫的每一步完成之后要執(zhí)行的函數(shù)

• progress：每一次動(dòng)畫調(diào)用的時(shí)候會(huì)執(zhí)行這個(gè)回調(diào)，就是一個(gè)進(jìn)度的概念

• complete：動(dòng)畫完成回調(diào)

$('#elem').animate({
????width:?'toggle',??
????height:?'toggle'
??},?{
????duration:?5000,
????specialEasing:?{
??????width:?'linear',
??????height:?'easeOutBounce'
????},
????complete:?function()?{
??????$(this).after('<div>Animation?complete.</div>');
????}
??});

// 顯示隱藏 .hide()+.show() = .toggle()

//【顯示】按鈕

? ? $("#btnShow").click(function() {

? ? ? ? $("p").show();

? ? });

? ? //【隱藏】按鈕

? ? $("#btnFadeOut").click(function() {

? ? ? ? var v = $("#animation").val();

? ? ? ? if (v == "1") {

? ? ? ? ? ? $("p").fadeOut();

? ? ? ? } else if (v == "2") {

? ? ? ? ? ? $("p").fadeOut("slow");

? ? ? ? } else if (v == "3") {

? ? ? ? ? ? $("p").fadeOut(3000);

? ? ? ? } else if (v == "4") {

? ? ? ? ? ? $("p").fadeOut(2000, function() {

? ? ? ? ? ? ? ? alert("隱藏完畢!");

? ? ? ? ? ? });

? ? ? ? } else if (v == "5") {

? ? ? ? ? ? $("p").fadeOut(1000, "linear");

? ? ? ? } else if (v == "6") {

? ? ? ? ? ? $("p").fadeOut({

? ? ? ? ? ? ? ? duration: 1000

? ? ? ? ? ? });

? ? ? ? }

? ? });

//點(diǎn)擊button

? ? ? ? //執(zhí)行3秒隱藏

? ? ? ? //執(zhí)行3秒顯示

? ? ? ? $("button:last").click(function() {

? ? ? ? ? ? $("#a2").slideDown(3000,function(){

? ? ? ? ? ? ? ? alert('動(dòng)畫執(zhí)行結(jié)束')

? ? ? ? ? ? })

? ? ? ? });

//點(diǎn)擊buttom2 執(zhí)行動(dòng)畫隱藏

? ? ? ? $("button:last").click(function() {

? ? ? ? ? ? $("#a2").hide({

? ? ? ? ? ? ? ? duration: 3000,

? ? ? ? ? ? ? ? complete: function() {

? ? ? ? ? ? ? ? ? ? alert('執(zhí)行3000ms動(dòng)畫完畢')

? ? ? ? ? ? ? ? }

? ? ? ? ? ? })

? ? ? ? });

當(dāng)我們?cè)趈s中在調(diào)用一個(gè)函數(shù)的時(shí)候，我們經(jīng)常會(huì)給這個(gè)函數(shù)傳遞一些參數(shù)，js把傳入到這個(gè)函數(shù)的全部參數(shù)存儲(chǔ)在一個(gè)叫做arguments的東西里面,，第1個(gè)參數(shù)的屬性名是’0’，第2個(gè)參數(shù)的屬性名是’1’，以此類推，

每個(gè)屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動(dòng)畫用來(lái)控制元素的顯示或隱藏

CSS 樣式使用 DOM 名稱（比如 "fontSize"）來(lái)設(shè)置

所有用于動(dòng)畫的屬性必須是數(shù)字的

jQuery中顯示與隱藏切換toggle方法

基本的操作：toggle();

這是最基本的操作，處理元素顯示或者隱藏，因?yàn)椴粠?shù)，所以沒有動(dòng)畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動(dòng)畫。

display屬性將被儲(chǔ)存并且需要的時(shí)候可以恢復(fù)。如果一個(gè)元素的display值為inline，然后是隱藏和顯示，這個(gè)元素將再次顯示inline

提供參數(shù)：.toggle( [duration ] [, complete ] )

同樣的提供了時(shí)間、還有動(dòng)畫結(jié)束的回調(diào)。在參數(shù)對(duì)應(yīng)的時(shí)間內(nèi)，元素會(huì)發(fā)生顯示/隱藏的改變，在改變的過程中會(huì)把元素的高、寬、不透明度進(jìn)行一系列動(dòng)畫效果。這個(gè)元素其實(shí)就是show與hide的方法

直接定位：.toggle(display)

直接提供一個(gè)參數(shù)，指定要改變的元素的最終效果

其實(shí)就是確定是使用show還是hide方法

if?(?display?===?true?)?{
??$(?"elem"?).show();
}?else?if?(?display?===?false?)?{
??$(?"elem"?).hide();
}

jQuery中顯示元素的show方法

方法的使用幾乎與hide是一致的，hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示

注意事項(xiàng)：

• show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨(dú)設(shè)置

• 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式

• 如果讓show與hide成為一個(gè)動(dòng)畫，那么默認(rèn)執(zhí)行動(dòng)畫會(huì)改變?cè)氐母叨?，高度，透明?/p>

jQuery中隱藏元素的hide方法

$elem.hide()

提供參數(shù)：.hide(?options?)
當(dāng)提供hide方法一個(gè)參數(shù)時(shí)，.hide()就會(huì)成為一個(gè)動(dòng)畫方法。.hide()方法將會(huì)匹配元素的寬度，高度，以及不透明度，同時(shí)進(jìn)行動(dòng)畫操作快捷參數(shù)：.hide("fast?/?slow")這是一個(gè)動(dòng)畫設(shè)置的快捷方式，'fast'?和?'slow'?分別代表200和600毫秒的延時(shí)，就是元素會(huì)執(zhí)行200/600毫秒的動(dòng)畫后再隱藏注意：jQuery在做hide操作的時(shí)候，是會(huì)保存本身的元素的原始屬性值，再之后通過對(duì)應(yīng)的方法還原的時(shí)候還是初始值。比如一個(gè)元素的display屬性值為inline，那么隱藏再顯示時(shí)，這個(gè)元素將再次顯示inline。一旦透明度?達(dá)到0，display樣式屬性將被設(shè)置為none，這個(gè)元素將不再在頁(yè)面中影響布局

$("exec1").click(function(){

alert("值得長(zhǎng)度："+$("results1").val().length)

});

$("#exec2").click(function(){

alert("值得長(zhǎng)度："+$.trim($("#results2").val()).length)

});