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

.slideDown()：用滑動(dòng)動(dòng)畫顯示一個(gè)匹配元素

.slideDown()方法將給匹配元素的高度的動(dòng)畫，這會(huì)導(dǎo)致頁面的下面部分滑下去，彌補(bǔ)了顯示的方式

常見的操作，提供一個(gè)動(dòng)畫是時(shí)間，然后傳遞一個(gè)回調(diào)，用于知道動(dòng)畫是什么時(shí)候結(jié)束

.slideDown( [duration ] [, complete ] )

持續(xù)時(shí)間（duration）是以毫秒為單位的，數(shù)值越大，動(dòng)畫越慢，不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時(shí)。如果提供任何其他字符串，或者這個(gè)duration參數(shù)被省略，那么默認(rèn)使用400 毫秒的延時(shí)。

具體使用：

$("ele").slideDown(1000,?function()?{
????//等待動(dòng)畫執(zhí)行1秒后,執(zhí)行別的動(dòng)作....
});

注意事項(xiàng)：

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

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

show與hide是一對(duì)互斥的方法。需要對(duì)元素進(jìn)行顯示隱藏的互斥切換，通常情況是需要先判斷元素的display狀態(tài)，然后調(diào)用其對(duì)應(yīng)的處理方法。比如顯示的元素，那么就要調(diào)用hide，反之亦然。 對(duì)于這樣的操作行為，jQuery提供了一個(gè)便捷方法toggle用于切換顯示或隱藏匹配元素

基本的操作：toggle();

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

• 如果元素是最初顯示，它會(huì)被隱藏

• 如果隱藏的，它會(huì)顯示出來

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();
}

toggle方法就是show與hide的相互切換的一個(gè)快捷方法

css中有display:none屬性，同時(shí)也有display:block，所以jQuery同樣提供了與hide相反的show方法

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

看一段代碼：使用上一致，結(jié)果相反

$('elem').hide(3000).show(3000)

讓元素執(zhí)行3秒的隱藏動(dòng)畫，然后執(zhí)行3秒的顯示動(dòng)畫。

show與hide方法是非常常用的，但是一般很少會(huì)基于這2個(gè)屬性執(zhí)行動(dòng)畫，大多情況下還是直接操作元素的顯示與隱藏為主

注意事項(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>

讓頁面上的元素不可見，一般可以通過設(shè)置css的display為none屬性。但是通過css直接修改是靜態(tài)的布局，如果在代碼執(zhí)行的時(shí)候，一般是通過js控制元素的style屬性，這里jQuery提供了一個(gè)快捷的方法.hide()來達(dá)到這個(gè)效果

$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è)元素將不再在頁面中影響布局

$('li').index()沒有參數(shù)的時(shí)候，是第一個(gè)li相對(duì)于同輩元素的位置；

$('li').index($('#text'))?就是傳入的對(duì)象$('#text')相對(duì)于li的位置

show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外，還引入了toggle、sildeToggle以及fadeToggle切換方法

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ì)被完全顯示（不再影響頁面的布局）

$,inArray('a',['a','b','c','a','d'],2] 起始從2開始檢索'a'的序號(hào);

等價(jià)于['a','b','c','a','d'].indexOf('a',2);

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

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

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

隱藏元素方法：$("選擇元素").hide()

參數(shù)：.hide(option) .hide("fast/slow")

get方法是通過已知的索引在合集中找到對(duì)應(yīng)的元素。如果反過來，已知元素如何在合集中找到對(duì)應(yīng)的索引呢？

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

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

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

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

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

• 如果參數(shù)是一個(gè)選擇器， .index() 返回值就是原先元素相對(duì)于選擇器匹配元素的位置。如果找不到匹配的元素，則 .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，它的意思是返回同輩的排列循序，第一個(gè)li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1

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

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

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

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

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

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

語法：

.get(?[index?]?)

注意2點(diǎn)

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

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

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

負(fù)索引值參數(shù)

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

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

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

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

需要注意：

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

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

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

語法：

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

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

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

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

注意：

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

語法

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

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

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

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的引用相同

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

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

?

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