jQuery筆記(二)基本語法和效果

2021-10-08 12:47:41 字數 1462 閱讀 1173

$(selector).action()

命名衝突

var jq=jquery.noconflict()

jq事件

效果

幾種都分有出現、消失、切換模式。引數為speed和callback

隱/現/切:hide/show/toggle

淡入/淡出/切/切換至:fadein/fadeout/fadetoggle/fadeto

滑出/滑走/切:slidedown/slideup/slidetoggle

動畫

語法:

$(selector).animate(,speed,callback);
例項

params可以是絕對的,相對的,或者toggle等預設值

$("button").click(function());

});

當使用 animate() 時,必須使用 camel 標記法書寫所有的屬性名,比如,必須使用 paddingleft 而不是 padding-left,使用 marginright 而不是 margin-right。

預設地,所有 html 元素都有乙個靜態位置,且無法移動。如需對位置進行操作,要記得首先把元素的 css position 屬性設定為 relative、fixed 或 absolute

佇列動畫

$("button").click(function(),"slow");

div.animate(,"slow");

div.animate(,"slow");

div.animate(,"slow");

});

jquery stop() 方法

語法

$(selector).stop(stopall,gotoend);
jquery callback 函式

$(selector).hide(speed,callback)
注意callback函式要寫在裡面, 這樣才會在動畫完全執行完畢後實現,單獨書寫callback函式,那麼alert一類的callback會先執行。

jquery - chaining方法鏈結

$("#p1").css("color","red").slideup(2000).slidedown(2000);

jQuery學習筆記(1) 基本語法

jquery核心功能是從html頁面裡獲取元素並對其進行操作。其原理和css很相似,通過元素的特性或元素在文件樹 dom tree 中的位置去描述元素組。為了使設計和內容分離,web技術引入了css,而css用到的方法就是選擇器簡明地表現元素。同樣為了將行為和內容分離,我們也可以採用類似的方法,那就...

jquery基本語法

1.查詢id為 的元素 元素id 2.查詢dom中乙個節點 標籤名稱 3.查詢某乙個特定的類 類名 4.查詢所有dom標籤元素 5.查詢dom框架內部的某一給定的祖代元素的後代元素 祖先元素 後代元素 6.查詢dom框架內某一父節點下的所有子節點元素 父節點元素 子節點元素 7.給某一指定input...

JQuery基本語法

選擇器 1。form text,form password 選擇form中type為text和password 2.form text not name,nickname,verify 選擇form中type為text的並且不包括id為name,nickname,verify的 3.input na...