《鋒利的jQuery》第四章(二)

2022-08-16 19:15:07 字數 1417 閱讀 5963

1、show() 方法,裡面可以設定元素顯示的速度,可以是show("fast") , show("slow") , show(1000) 。

2、hide() 方法,裡面也可以設定元素顯示的速度,可以是hide("fast") , hide("slow") , hide(1000)。

3、 fadein() 和 fadeout() 方法,改變元素的不透明度。fadeout() 會在指定的時間內降低元素的不透明度,直至元素完全消失(「display:none」)。fadein()則恰好相反。

4、slideup() 和 slidedown() 方法只會改變元素的高度。

5、自定義動畫方法:

animate(params , speed , callback);

(1)params :乙個包含樣式屬性和值的對映,比如 。

(2)speed:速度引數,可選。

(3)callback:在動畫完成時執行的函式,可選。

效果:點選後讓方塊在3秒內移到距頁面左邊500px處。

將屬性值寫為標紅字後,指相對於當前的位置向右移動500px。

6、多重動畫:

效果:向右移動500px的同時,高度變為200px,二者同時發生。

7、按順序執行多個動畫:

效果:先向右移動500px,再將高度變為200px,按順序執行。

8、停止元素的動畫,如果在某處需要停止動畫,需要使用stop()方法:

stop([clearqueue] [, gotoend]);

兩個引數都是可選的,為boolean(true或false)。 clearqueue 代表是否要清空未執行完的動畫佇列,gotoend代表是否直接將正在執行的動畫跳到末狀態。

當有連貫動畫時,stop()的第乙個引數就發揮了作用。因為如果不清除後面未執行的動作,觸發滑鼠游標後,只會停止當前的動畫,並繼續執行下面的animate() , 游標移除事件要等animate()動作完成之後才執行,就會出現游標移入移除與動畫不匹配的情況。

8、要避免動畫累積而導致的動畫與使用者的行為不一致,在新增動畫前需要判斷元素是否處於動畫狀態。

if(!$(element).is(":animate")){}

9、jquery中3個專門用於互動的動畫方法

(1)toggle(speed , [callback])  可以切換元素的可見狀態

(2)slidetoggle(speed , [callback]) 通過高度變化來切換匹配元素的可見性

(3)fadeto(speed , opacity , [callback]) 可以把元素的不透明度以漸進的方式調整到指定的值。

第四章 jQuery節點操作

1.dom操作分為三類 1 dom core 任何一種支援dom的程式語言都可以使用用它 如 getelementbyid 2 html dom 用於處理html文件,如document,forms 3 css dom 用於操作css,如 element.style.color green 2.直接...

第四章 jQuery文件處理

一 建立元素 1.html 建立乙個dom元素 2.html props 建立乙個dom元素,並給予props屬性 事件或方法 例 click function 二 內部插入 3.selector1 prepend html 在匹配元素selector1元素集合的每個元素開頭插入 html 4.se...

jQuery第四章課後作業

3.建立乙個物件student,表示乙個學生物件,要求如下。1 新增屬性 姓名,年齡和自我介紹。2 新增方法 輸出該學生的姓名,年齡和自我介紹。3 在頁面上顯示該方法輸出的資訊。4.建立乙個建構函式student,表示學生,要求如下。1 新增屬性 姓名,年齡和自我介紹。2 新增方法 在乙個p標籤中顯...