最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

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

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

slideToggle：切換上下拉卷滾效果；

fadeToggle：切換淡入淡出效果。

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

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

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

fadeToggle方法：

fadeToggle（）方法在fadeIn（）和fadeOut（）方法之間切換。

元素是淡出顯示的，fadeToggle（）會使用淡入效果顯示它們。

元素是淡入顯示的，fadeToggle（）會使用淡出效果顯示它們。

注釋：隱藏的元素不會別完全顯示（不再影響頁面的布局）

fadeIn:淡入效果，內(nèi)容顯示，opacity是0到1；

fadeOut:淡出效果，內(nèi)容隱藏，opacity是1到0；

.fadeTo(duration,opacity,callback),

淡入淡出切換fadeToggle：fadeToggle方法可以在fadeOut（）和fadeIn（）方法之間進行切換。如果元素已經(jīng)淡出，則fadeToggle（）會向元素添加淡入效果。如果元素已淡入，則fadeToggle（）會向元素添加淡出效果。

淡入動畫fadeIn：與fadeOut效果相反，使用上是一致的。

注意：

淡入的動畫原理：操作元素的不透明度從0%逐漸增加到100%；

如果元素本身是可見的，不對其作任何改變。如果元素是隱藏的，則是其可見。

淡出動畫fadeOut：用于隱藏所有匹配的元素，并帶有淡出的過渡動畫效果。即通過不透明度的變化實現(xiàn)所有匹配元素的淡出效果，并可以在動畫完成后選擇地觸發(fā)一個函數(shù)回調(diào)。

上卷下拉切換slideToggle：獲取元素的高度，使這個元素的高度發(fā)生改變，從而讓元素里的內(nèi)容往下或往上滑。

注意：

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

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

上卷動畫slideUp：找到元素的高度，然后采用一個下滑動畫讓元素一直下滑到隱藏。

下拉動畫slideDown：用滑動顯示一個匹配元素。通過提供動畫的時間，然后傳遞一個回調(diào)實現(xiàn)動畫效果。

注意：

下拉動畫是從無到有，所以一開始元素是需要先隱藏起來的，可以設(shè)置display：none。

如果提供回調(diào)參數(shù)，callback會在動畫完成的時候調(diào)用。將不同的動畫串聯(lián)在一起按順序排列執(zhí)行是非常有用的。這個回調(diào)函數(shù)不設(shè)置任何參數(shù)，但是this會設(shè)成將要執(zhí)行動畫效果，那么要非常注意，回調(diào)函數(shù)會在一個元素執(zhí)行完成動畫都執(zhí)行一次，而不是這組動畫整體才執(zhí)行一次。

基本操作：toggle（）；處理元素顯示或隱藏。因為沒有參數(shù)，通過改變css的display屬性，匹配的元素被立即顯示或隱藏，沒有動畫。

如果添加時間和動畫結(jié)束的回調(diào)，在參數(shù)對應(yīng)的時間內(nèi)，元素會發(fā)生顯示|隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進行一系列動畫效果。

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

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

如果讓show與hide成為一個動畫，那么默認執(zhí)行動畫會改變元素的高度，寬度，透明度。

index()方法，從匹配的元素中搜索給定元素的索引值，從0開始計數(shù)。

語法：參數(shù)接受一個jQuery或者dom對象作為查找的條件

.index()
.index(?selector?)
.index(?element?)

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

• 如果在一組元素上調(diào)用 .index() ，并且參數(shù)是一個DOM元素或jQuery對象， .index() 返回值就是傳入的元素相對于原先集合的位置

• 如果參數(shù)是一個選擇器， .index() 返回值就是原先元素相對于選擇器匹配元素的位置。如果找不到匹配的元素，則 .index() 返回 -1

簡單來說：

<ul>
????<a></a>
????<li?id="test1">1</li>
????<li?id="test2">2</li>
????<li?id="test3">3</li>
</ul>

$("li").index() 沒有傳遞參數(shù)，反正的結(jié)果是1，它的意思是返回同輩的排列循序，第一個li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1

如果要快速找到第二個li在列表中的索引,可以通過如下2種方式處理

$("li").index(document.getElementById("test2"))?//結(jié)果：1$("li").index($("#test2"))??//結(jié)果:1

jQuery是一個合集對象，如果需要單獨操作合集中的的某一個元素，可以通過.get()方法獲取到

以下有3個a元素結(jié)構(gòu)：

<a>1</a>
<a>2</a>
<a>3</a>

通過jQuery獲取所有的a元素合集$("a")，如果想進一步在合集中找到第二2個dom元素單獨處理，可以通過get方法

語法：

.get(?[index?]?)

注意2點

1. get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象

2. get方法是從0開始索引

所以第二個a元素的查找： $(a).get(1)

負索引值參數(shù)

get方法還可以從后往前索引，傳遞一個負索引值，注意的負值的索引起始值是-1

同樣是找到第二元素，可以傳遞?$(a).get(-2)?

jQuery.trim()函數(shù)用于去除字符串兩端的空白字符

這個函數(shù)很簡單，沒有多余的參數(shù)用法

需要注意：

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

• 如果這些空白字符在字符串中間時，它們將被保留，不會被移除

在PHP有in_array()判斷某個元素是否存在數(shù)組中，JavaScript卻沒有，但是jQuery封裝了inArray()函數(shù)判斷元素是否存在數(shù)組中。注意了：在ECMAScript5已經(jīng)有數(shù)據(jù)的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封裝了一個inArray方法

jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。

語法：

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

用法非常簡單，傳遞一個檢測的目標(biāo)值，然后傳遞原始的數(shù)組，可以通過fromIndex規(guī)定查找的起始值，默認數(shù)組是0開始

例如：在數(shù)組中查找值是5的索引

$.inArray(5,[1,2,3,4,5,6,7])?//返回對應(yīng)的索引：4

注意：

如果要判斷數(shù)組中是否存在指定值，你需要通過該函數(shù)的返回值不等于(或大于)-1來進行判斷

jQuery中有個很重要的核心方法each，大部分jQuery方法在內(nèi)部都會調(diào)用each，其主要的原因的就是jQuery的實例是一個元素合集

如下：找到所有的div，并且都設(shè)置樣式，css只是一個方法，所以內(nèi)部會調(diào)用each處理這個div的合集，給每個div都設(shè)置style屬性

$('div').css(...)

jQuery的大部分方法都是針元素合集的操作，所以jQuery會提供$(selector).each()來遍歷jQuery對象

.each只是處理jQuery對象的方法，jQuery還提供了一個通用的jQuery.each方法，用來處理對象和數(shù)組的遍歷

語法

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

第一個參數(shù)傳遞的就是一個對象或者數(shù)組，第二個是回調(diào)函數(shù)

$.each(["Aaron",?"慕課網(wǎng)"],?function(index,?value)?{
???//index是索引,也就是數(shù)組的索引
???//value就是數(shù)組中的值了
});

each就是for循環(huán)方法的一個包裝，內(nèi)部就是通過for遍歷數(shù)組與對象，通過回調(diào)函數(shù)返回內(nèi)部迭代的一些參數(shù)，第一個參數(shù)是當(dāng)前迭代成員在對象或數(shù)組中的索引值(從0開始計數(shù))，第二個參數(shù)是當(dāng)前迭代成員(與this的引用相同

jQuery.each()函數(shù)還會根據(jù)每次調(diào)用函數(shù)callback的返回值來決定后續(xù)動作。如果返回值為false，則停止循環(huán)(相當(dāng)于普通循環(huán)中的break)；如果返回其他任何值，均表示繼續(xù)執(zhí)行下一個循環(huán)。

$.each(["Aaron",?"慕課網(wǎng)"],?function(index,?value)?{
????return?false;?//停止迭代
});

?

jQuery方法可以很方便的遍歷一個數(shù)據(jù)，不需要考慮這個數(shù)據(jù)是對象還是數(shù)組