上上回書說道一些jQuery的屬性和方法娩脾,今天就對其進(jìn)行一下總結(jié)籍琳。
1.animate()
animate(JS對象先舷,動畫時間哩盲,動畫類型(只調(diào)用JQuery時只有兩種方式前方,可以不寫),回調(diào)函數(shù))
2.css()
該屬性(廉油?)惠险,方法(?)抒线,總之可以通過.css("屬性")
獲取屬性班巩;
也可以通過.css({"屬性","數(shù)值(樣式)"})
修改樣式。
3.click()
該屬性可以設(shè)置點(diǎn)擊事件:click(function(){ //點(diǎn)擊該元素時觸發(fā)的事件 })
4.各種尺寸:
.width(); //計算后的內(nèi)容寬度
.innerWidth(); //計算后的算上padding的寬度
.outerWidth(); //算上padding和border
.outerWidth(true);//算上padding和border和margin
5.序與迭代
(1)eq()
方法
該方法用于獲取第N個元素十兢。如:$("p").eq(1)//獲取第二個p元素
也可以寫成$("p:eq(1)")
(2)index()
方法
該方法用于搜索匹配的元素趣竣,并返回相應(yīng)元素的索引值,從0開始計數(shù)旱物。如:
$('li').index(document.getElementById('bar')); //1遥缕,傳遞一個DOM對象,返回這個對象在原先集合中的索引位置
$('li').index($('#bar')); //1宵呛,傳遞一個jQuery對象
$('li').index($('li:gt(0)')); //1单匣,傳遞一組jQuery對象,返回這個對象中第一個元素在原先集合中的索引位置
$('#bar').index('li'); //1宝穗,傳遞一個選擇器户秤,返回#bar在所有l(wèi)i中的做引位置
$('#bar').index(); //1,不傳遞參數(shù)逮矛,返回這個元素在同輩中的索引位置鸡号。
(3)each()
該方法以每一個匹配的元素作為上下文來執(zhí)行一個函數(shù)(就是遍歷,可以使用return跳出)须鼎。如:
$("p").each(function(i){ this.css("color","red");//將全部p元素中的文字變?yōu)榧t色 });
(4)length
屬性
該屬性返回jQuery 對象中元素的個數(shù)鲸伴。(真沒啥好說的)
(5)is()
方法
該方法根據(jù)選擇器、DOM元素或 jQuery 對象來檢測匹配元素集合晋控,如果其中至少有一個元素符合這個給定的表達(dá)式就返回true汞窗。如:$("p").is(":animated") //判斷當(dāng)前元素是否在執(zhí)行動畫,如果正在進(jìn)行赡译,則返回true仲吏,否則返回false
(6)get()
方法
該方法用于將jQuery 對象 轉(zhuǎn)換為js元素對象\DOM對象。(用途大概是可以在轉(zhuǎn)化出的js元素對象\DOM對象中添加屬性)
5.動畫相關(guān)方法
(1)內(nèi)置show()
蝌焚、hide()
裹唆、toggle()
方法
show()
:顯示隱藏的匹配元素。
hide()
:隱藏顯示的元素只洒。
toggle()
:用于綁定兩個或多個事件處理器函數(shù)品腹,以響應(yīng)被選元素的輪流的 click 事件。(如果元素是可見的红碑,切換為隱藏的舞吭;如果元素是隱藏的,切換為可見的析珊。)
(2)slideDown()
羡鸥、slideUp()
、slideToggle()
方法
slideDown()
:通過不透明度的變化來實現(xiàn)所有匹配元素的淡入效果忠寻,并在動畫完成后可選地觸發(fā)一個回調(diào)函數(shù)惧浴。(這個動畫只調(diào)整元素的不透明度,也就是說所有匹配的元素的高度和寬度不會發(fā)生變化奕剃。)
slideUp()
:通過高度變化(向上減兄月谩)來動態(tài)地隱藏所有匹配的元素捐腿,在隱藏完成后可選地觸發(fā)一個回調(diào)函數(shù)。(這個動畫效果只調(diào)整元素的高度柿顶,可以使匹配的元素以“滑動”的方式隱藏起來茄袖。在jQuery 1.3中,上下的padding和margin也會有動畫嘁锯,效果更流暢宪祥。)
slideToggle()
:通過高度變化來切換所有匹配元素的可見性,并在切換完成后可選地觸發(fā)一個回調(diào)函數(shù)家乘。(這個動畫效果只調(diào)整元素的高度蝗羊,可以使匹配的元素以“滑動”的方式隱藏或顯示。在jQuery 1.3中仁锯,上下的padding和margin也會有動畫耀找,效果更流暢。)
(3)stop()
方法
該方法用于停止所有在指定元素上正在運(yùn)行的動畫业崖。
其中含有兩個參數(shù)涯呻,如果將第一個參數(shù)設(shè)置成true,則清空隊列腻要「垂蓿可以立即結(jié)束動畫,如果將第二個設(shè)置成true雄家,則完成隊列效诅。可以立即完成動畫趟济。
(4)delay()
方法
該方法用于設(shè)置一個延時來推遲執(zhí)行隊列中之后的項目乱投。
其中包含兩個參數(shù):第一個參數(shù)為延時時間,單位:毫秒(必須設(shè)置)顷编;第二個參數(shù)為隊列名詞戚炫,默認(rèn)是Fx,動畫隊列(可以不設(shè)置)媳纬。