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

toggle、sildeToggle以及fadeToggle的區(qū)別：

• toggle：切換顯示與隱藏效果

• sildeToggle：切換上下拉卷滾效果

• fadeToggle：切換淡入淡出效果

toggle與slideToggle細(xì)節(jié)區(qū)別：

• toggle：動(dòng)態(tài)效果為從右至左。橫向動(dòng)作，toggle通過display來判斷切換所有匹配元素的可見性

• slideToggle：動(dòng)態(tài)效果從下至上。豎向動(dòng)作，slideToggle 通過高度變化來切換所有匹配元素的可見性

fadeToggle方法

• fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。

• 元素是淡出顯示的，fadeToggle() 會(huì)使用淡入效果顯示它們。

• 元素是淡入顯示的，fadeToggle() 會(huì)使用淡出效果顯示它們。

• 注釋：隱藏的元素不會(huì)被完全顯示（不再影響頁面的布局）

display屬性值保存在jQuery的數(shù)據(jù)緩存中，所以display可以方便以后可以恢復(fù)到初始值

當(dāng)一個(gè)隱藏動(dòng)畫后，高度值達(dá)到0的時(shí)候，display樣式屬性被設(shè)置為none，以確保該元素不再影響頁面布局

因?yàn)閯?dòng)畫是異步的，所以要在動(dòng)畫之后執(zhí)行某些操作就必須要寫到回調(diào)函數(shù)里面?。?/p>

顯示與隱藏切換toggle方法：show與hide的相互切換的一個(gè)快捷方法

<table><colgroup><col /><col /></colgroup><tbody><tr class="firstRow"><td>方法</td><td>描述</td></tr><tr><td>$elem.hide()</td><td>動(dòng)態(tài)隱藏</td></tr><tr><td>$('elem').hide(3000).show(3000)</td><td>讓元素執(zhí)行3秒的隱藏動(dòng)畫，然后執(zhí)行3秒的顯示動(dòng)畫</td></tr><tr><td>toggle();</td><td>如果元素是最初顯示，它會(huì)被隱藏<br />如果隱藏的，它會(huì)顯示出來</td></tr><tr><td>.toggle(?[duration?]?[,?complete?]?)</td><td>同樣的提供了時(shí)間、還有動(dòng)畫結(jié)束的回調(diào)。在參數(shù)對(duì)應(yīng)的時(shí)間內(nèi)，元素會(huì)發(fā)生顯示/隱藏的改變，在改變的過程中會(huì)把元素的高、寬、不透明度進(jìn)行一系列動(dòng)畫效果。這個(gè)元素其實(shí)就是show與hide的方法</td></tr><tr><td>.toggle(display)</td><td>直接提供一個(gè)參數(shù)，指定要改變的元素的最終效果</td></tr><tr><td>.slideDown(?[duration?]?[,?complete?]?)</td><td>用滑動(dòng)動(dòng)畫顯示一個(gè)匹配元素</td></tr><tr><td>$("elem").slideUp();</td><td>找到元素的高度，然后采用一個(gè)下滑動(dòng)畫讓元素一直滑到隱藏，當(dāng)高度為0的時(shí)候，也就是不可見的時(shí)，修改元素display?樣式屬性被設(shè)置為none。這樣就能確保這個(gè)元素不會(huì)影響頁面布局了</td></tr><tr><td>.slideUp(?[duration?]?[,?easing?]?[,?complete?]?)</td><td>因?yàn)閯?dòng)畫是異步的，所以要在動(dòng)畫之后執(zhí)行某些操作就必須要寫到回調(diào)函數(shù)里面，這里要特別注意</td></tr><tr><td>slideToggle();</td><td>這是最基本的操作，獲取元素的高度，使這個(gè)元素的高度發(fā)生改變，從而讓元素里的內(nèi)容往下或往上滑。</td></tr><tr><td>.slideToggle(?[duration?]?,[?complete?]?)</td><td>同樣的提供了時(shí)間、還有動(dòng)畫結(jié)束的回調(diào)。在參數(shù)對(duì)應(yīng)的時(shí)間內(nèi)，元素會(huì)完成動(dòng)畫，然后出發(fā)回調(diào)函數(shù)</td></tr><tr><td>fadeOut()</td><td>用于隱藏所有匹配的元素，并帶有淡出的過渡動(dòng)畫效果</td></tr><tr><td>.fadeIn(?[duration?],?[?complete?]?)</td><td>duration：指定過渡動(dòng)畫運(yùn)行多長(zhǎng)時(shí)間(毫秒數(shù))，默認(rèn)值為400。該參數(shù)也可以為字符串"fast"(=200)或"slow"(=600)，元素顯示完畢后需要執(zhí)行的函數(shù)。函數(shù)內(nèi)的this指向當(dāng)前DOM元素。</td></tr><tr><td>.fadeToggle(?[duration?]?,[?complete?]?)</td><td>fadeToggle切換fadeOut與fadeIn效果，所謂"切換"，即如果元素當(dāng)前是可見的，則將其隱藏(淡出)；如果元素當(dāng)前是隱藏的，則使其顯示(淡入)。</td></tr><tr><td>.fadeTo(?duration,?opacity?,callback)</td><td>必需的?duration參數(shù)規(guī)定效果的時(shí)長(zhǎng)。它可以取以下值："slow"、"fast"?或毫秒。fadeTo()?方法中必需的?opacity?參數(shù)將淡入淡出效果設(shè)置為給定的不透明度（值介于?0?與?1?之間）?？蛇x的?callback?參數(shù)是該函數(shù)完成后所執(zhí)行的函數(shù)名稱。</td></tr><tr><td>.animate(?properties?,[?duration?],?[?easing?],?[?complete?]?)<br /></td><td>properties：一個(gè)或多個(gè)css屬性的鍵值對(duì)所構(gòu)成的Object對(duì)象。要特別注意所有用于動(dòng)畫的屬性必須是數(shù)字的，除非另有說明；這些屬性如果不是數(shù)字的將不能使用基本的jQuery功能。比如常見的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等這些都是能產(chǎn)生動(dòng)畫效果的。background-color很明顯不可以，因?yàn)閰?shù)是red或者GBG這樣的值，非常用插件，否則正常情況下是不能只用動(dòng)畫效果的。注意，CSS?樣式使用?DOM?名稱（比如?"fontSize"）來設(shè)置，而非?CSS?名稱（比如?"font-size"）。</td></tr><tr><td>duration時(shí)間：動(dòng)畫執(zhí)行的時(shí)間，持續(xù)時(shí)間是以毫秒為單位的；值越大表示動(dòng)畫執(zhí)行的越慢，不是越快。還可以提供'fast'?和?'slow'字符串，分別表示持續(xù)時(shí)間為200?和?600毫秒；easing動(dòng)畫運(yùn)動(dòng)的算法：jQuery庫(kù)中默認(rèn)調(diào)用?swing。如果需要其他的動(dòng)畫算法，請(qǐng)查找相關(guān)的插件；complete回調(diào)：<br />動(dòng)畫完成時(shí)執(zhí)行的函數(shù)，這個(gè)可以保證當(dāng)前動(dòng)畫確定完成后發(fā)會(huì)觸發(fā)</td><td><br /></td></tr><tr><td>.animate(?properties,?options?)</td><td>duration?-?設(shè)置動(dòng)畫執(zhí)行的時(shí)間<br />easing?-?規(guī)定要使用的?easing?函數(shù)，過渡使用哪種緩動(dòng)函數(shù)<br />step：規(guī)定每個(gè)動(dòng)畫的每一步完成之后要執(zhí)行的函數(shù)<br />progress：每一次動(dòng)畫調(diào)用的時(shí)候會(huì)執(zhí)行這個(gè)回調(diào)，就是一個(gè)進(jìn)度的概念<br />complete：動(dòng)畫完成回調(diào)??????????????????????????????????????????????????????????????????????????????????????????????如果多個(gè)元素執(zhí)行動(dòng)畫，回調(diào)將在每個(gè)匹配的元素上執(zhí)行一次，不是作為整個(gè)動(dòng)畫執(zhí)行一次</td></tr><tr><td>.stop(?[clearQueue?],?[?jumpToEnd?]?)<br />.stop(?[queue?],?[?clearQueue?]?,[?jumpToEnd?]?)</td><td>.stop();?停止當(dāng)前動(dòng)畫，點(diǎn)擊在暫停處繼續(xù)開始<br />.stop(true);?如果同一元素調(diào)用多個(gè)動(dòng)畫方法，尚未被執(zhí)行的動(dòng)畫被放置在元素的效果隊(duì)列中。這些動(dòng)畫不會(huì)開始，直到第一個(gè)完成。當(dāng)調(diào)用.stop()的時(shí)候，隊(duì)列中的下一個(gè)動(dòng)畫立即開始。如果clearQueue參數(shù)提供true值,那么在隊(duì)列中的動(dòng)畫其余被刪除并永遠(yuǎn)不會(huì)運(yùn)行<br />.stop(true,true);?當(dāng)前動(dòng)畫將停止，但該元素上的?CSS?屬性會(huì)被立刻修改成動(dòng)畫的目標(biāo)值</td></tr><tr><td>jQuery.each(array,?callback?)<br />jQuery.each(?object,?callback?)</td><td>each就是for循環(huán)方法的一個(gè)包裝，內(nèi)部就是通過for遍歷數(shù)組與對(duì)象，通過回調(diào)函數(shù)返回內(nèi)部迭代的一些參數(shù)，第一個(gè)參數(shù)是當(dāng)前迭代成員在對(duì)象或數(shù)組中的索引值(從0開始計(jì)數(shù))，第二個(gè)參數(shù)是當(dāng)前迭代成員(與this的引用相同</td></tr><tr><td>jQuery.inArray(?value,?array?,[?fromIndex?]?)</td><td>傳遞一個(gè)檢測(cè)的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認(rèn)數(shù)組是0開始，如果要判斷數(shù)組中是否存在指定值，你需要通過該函數(shù)的返回值不等于(或大于)-1來進(jìn)行判斷</td></tr><tr><td>jQuery.trim()</td><td>用于去除字符串兩端的空白字符</td></tr><tr><td>.get(?[index?]?)</td><td>注意2點(diǎn)<br />get方法是獲取的dom對(duì)象，也就是通過document.getElementById獲取的對(duì)象<br />get方法是從0開始索引<br />所以第二個(gè)a元素的查找：?$(a).get(1)<br />負(fù)索引值參數(shù)<br />get方法還可以從后往前索引，傳遞一個(gè)負(fù)索引值，注意的負(fù)值的索引起始值是-1<br />同樣是找到第二元素，可以傳遞?$(a).get(-2)?</td></tr><tr><td>.index()<br />.index(?selector?)<br />.index(?element?)</td><td>如果不傳遞任何參數(shù)給?.index()?方法，則返回值就是jQuery對(duì)象中第一個(gè)元素相對(duì)于它同輩元素的位置<br />如果在一組元素上調(diào)用?.index()?，并且參數(shù)是一個(gè)DOM元素或jQuery對(duì)象，?.index()?返回值就是傳入的元素相對(duì)于原先集合的位置<br />如果參數(shù)是一個(gè)選擇器，?.index()?返回值就是原先元素相對(duì)于選擇器匹配元素的位置。如果找不到匹配的元素，則?.index()?返回?-1</td></tr></tbody></table><p><br /></p>

toggle、sildeToggle以及fadeToggle的區(qū)別：

• toggle：切換顯示與隱藏效果

• sildeToggle：切換上下拉卷滾效果

• fadeToggle：切換淡入淡出效果

當(dāng)然細(xì)節(jié)上還是有更多的不同點(diǎn):

toggle與slideToggle細(xì)節(jié)區(qū)別：

• toggle：動(dòng)態(tài)效果為從右至左。橫向動(dòng)作，toggle通過display來判斷切換所有匹配元素的可見性

• slideToggle：動(dòng)態(tài)效果從下至上。豎向動(dòng)作，slideToggle 通過高度變化來切換所有匹配元素的可見性

fadeToggle方法

• fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。

• 元素是淡出顯示的，fadeToggle() 會(huì)使用淡入效果顯示它們。

• 元素是淡入顯示的，fadeToggle() 會(huì)使用淡出效果顯示它們。

• 注釋：隱藏的元素不會(huì)被完全顯示（不再影響頁面的布局

?<ul>

? ? ? ? <a></a>

? ? ? ? <a></a>

? ? ? ? <li id="test1">1</li>

? ? ? ? <li id="test2">2</li>

? ? ? ? <li id="test3">3</li>

? ? </ul>

? ? <ul>

? ? ? ? <li id="test4">4</li>

? ? ? ? <li id="test5">5</li>

? ? ? ? <li id="test6">6</li>

? ? </ul>

? $span.text($("li").index()；

索引結(jié)果：2

• 如果不傳遞任何參數(shù)給 .index() 方法，則返回值就是jQuery對(duì)象中第一個(gè)元素相對(duì)于它同輩元素的位置

$aaron.get(index)? ? ? 中index可為 負(fù)值

$aaron[index]? ? ?中index 非負(fù)值

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

• 移除字符串 開始 和 結(jié)尾處 的所有換行符，空格(包括連續(xù)的空格)和制表符（tab）

• 如果這些空白字符在字符串 中間 時(shí)，它們將被? 保留，不會(huì)被移除

jQuery.inArray(?value,?array?,[?fromIndex?]?)

if (v == "1") {

? ? ? ? ? ? var index = $.inArray('Aaron',['test','Aaron', 'array','慕課網(wǎng)']);

? ? ? ? ? ? $aaron.text('Aaron的索引是: '+ index)

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

? ? ? ? ? ? //指定索引開始的位置

? ? ? ? ? ? var index = $.inArray('a',['a','b','c','d','a','c'],2);

? ? ? ? ? ? $aaron.text('a的索引是: '+ index)

? ? ? ? }?

jQuery.each(array,?callback?)
jQuery.each(?object,?callback?)

例如

$.each(arrary,function( ndex,value ))

$.each(obj,function( propertyName,value ))

?$.each(['Aaron', '慕課網(wǎng)'], function(index, item) {

? ? ? ? ? ? ? ? $aaron.append("索引=" + index + "; 元素=" + item);

? ? ? ? ? ? });

$.each({

? ? ? ? ? ? ? ? name: "張三",

? ? ? ? ? ? ? ? age: 18

? ? ? ? ? ? }, function(property, value) {

? ? ? ? ? ? ? ? $aaron.append("屬性名=" + property + "; 屬性值=" + value);

? ? ? ? ? ? });

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)?

參見：

https://www.jb51.net/article/86785.htm

http://idcbgp.cn/qadetail/174781?t=254991

.animate(?properties,?options?)