JQuery部分屬性和語法

上上回書說道一些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è)置)媳纬。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末双肤,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子钮惠,更是在濱河造成了極大的恐慌茅糜,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件素挽,死亡現(xiàn)場離奇詭異蔑赘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進(jìn)店門缩赛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耙箍,“玉大人,你說我怎么就攤上這事酥馍”缋ィ” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵物喷,是天一觀的道長。 經(jīng)常有香客問我遮斥,道長峦失,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任术吗,我火速辦了婚禮尉辑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘较屿。我一直安慰自己隧魄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布隘蝎。 她就那樣靜靜地躺著购啄,像睡著了一般。 火紅的嫁衣襯著肌膚如雪嘱么。 梳的紋絲不亂的頭發(fā)上狮含,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天,我揣著相機(jī)與錄音曼振,去河邊找鬼几迄。 笑死,一個胖子當(dāng)著我的面吹牛冰评,可吹牛的內(nèi)容都是我干的映胁。 我是一名探鬼主播,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼甲雅,長吁一口氣:“原來是場噩夢啊……” “哼解孙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起抛人,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤妆距,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后函匕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體娱据,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了中剩。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片忌穿。...
    茶點(diǎn)故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖结啼,靈堂內(nèi)的尸體忽然破棺而出掠剑,到底是詐尸還是另有隱情,我是刑警寧澤郊愧,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布朴译,位于F島的核電站,受9級特大地震影響属铁,放射性物質(zhì)發(fā)生泄漏眠寿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一焦蘑、第九天 我趴在偏房一處隱蔽的房頂上張望盯拱。 院中可真熱鬧,春花似錦例嘱、人聲如沸狡逢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽奢浑。三九已至,卻和暖如春腋腮,著一層夾襖步出監(jiān)牢的瞬間殷费,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工低葫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留详羡,地道東北人。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓嘿悬,卻偏偏與公主長得像实柠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子善涨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 通過jQuery窒盐,您可以選取(查詢钢拧,query)HTML元素蟹漓,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 656評論 0 3
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式源内。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性葡粒。 1....
    LaBaby_閱讀 1,335評論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計者無需花費(fèi)時間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,171評論 0 1
  • $(”p”).addClass(css中定義的樣式類型); 給某個元素添加樣式 $(”img”).attr({sr...
    專注寒冰三千歲閱讀 505評論 0 4
  • Attribute: $("p").addClass(css中定義的樣式類型); 給某個元素添加樣式 $("img...
    撲克臉_457e閱讀 568評論 0 1