首頁 >web前端 >js教程 >jQuery中:animated選擇器用法實例_jquery

jQuery中:animated選擇器用法實例_jquery

WBOY
WBOY原創
2016-05-16 16:23:241432瀏覽

本文實例講述了jQuery中:animated選擇器用法。分享給大家供大家參考。具體分析如下:

此選擇器會符合所有正在執行動畫效果的元素。
可以使用animate()方法建立自訂動畫。

語法結構:

複製程式碼 代碼如下:
$(":animated")


$(":animated")
$(":animated")$(":animated")
$(":animated")


$(":animated")

此選擇器一般也要和其他選擇器搭配使用,例如類別選擇器和元素選擇器等等。例如:

複製程式碼 程式碼如下:$("li:animated").css("background-color"," blue")
以上程式碼能夠將正在執行動畫下過的li元素的背景顏色設定為藍色。
如果不和其他選擇器配合使用,則預設狀態是和*選擇器一起使用,例如$(":animated")等同於$("*:animated")。


實例碼:






複製程式碼


程式碼如下:







腳本之家


    runit();     $("li:animated").css("background-color","blue");

  })

})

     
  •  
以上可以將動畫元素的背景顏色設定為藍色。 希望本文所述對大家的jQuery程式設計有所幫助。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn