基于jquery animate操作css樣式屬性小結(jié)
更新時間：2015年11月27日 09:52:42 投稿：mrr
昨天突然有網(wǎng)友問我animate()方法可以來操作所有css屬性嗎？是的，我告訴他可以的。不過，在此有需要注意點(diǎn)需要大家搞清楚。接下來通過本篇文章給大家介紹基于jquery animate操作css樣式屬性小結(jié)，對jquery animate css相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
昨天突然有網(wǎng)友問我animate()方法可以來操作所有css屬性嗎？是的，我告訴他可以的。不過，在此有需要注意點(diǎn)需要大家搞清楚：當(dāng)使用 animate()時，必須使用 Camel 標(biāo)記法書寫所有的屬性名，比如，必須使用 paddingLeft 而不是 padding-left，使用 marginRight而不是 margin-right，等等。
css中的不是所有屬性都可以用Jquery動畫（animate函數(shù)）來動態(tài)改變，下面總結(jié)了JQ可以操作元素的一些屬性：
* backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * borderTopWidth * borderSpacing * margin * marginBottom * marginLeft * marginRight * marginTop * outlineWidth * padding * paddingBottom * paddingLeft * paddingRight * paddingTop * height * width * maxHeight * maxWidth * minHeight * maxWidth * font * fontSize（在animate函數(shù)的css參數(shù)指定并不同于標(biāo)準(zhǔn)css屬性，例如這個css標(biāo)準(zhǔn)是：font-size。同理上面很多也是這樣的情況） * bottom * left * right * top * letterSpacing * wordSpacing * lineHeight * textIndent * opacity
記住這些可以玩動畫的哦~~
jquery的animate()方法也可設(shè)置非css屬性
如題，舉例：
$('body').animate({scrollTop:0}, 1500);
$("body").animate({scrollTop:"-="+50},350);
還有其他的幾個小例子：
禁用元素：
$('button').attr('disabled', 'disabled');
$('button').removeAttr('disabled');
遍歷元素集合：
$("input:text").each(function(index){
alert(index);//循環(huán)的下標(biāo)值，從0開始
alert(this.value);//自帶屬性可以用this(Dom)直接取值
alert($(this).attr("type"));//自定義屬性需要用attr()取值
});
相關(guān)文章
關(guān)于jquery append() html時的小問題的解決方法
關(guān)于jquery append() html時的小問題，碰到類似問題的朋友可以參考下。2010-12-12
jquery easyui框架提供了創(chuàng)建網(wǎng)頁所需要的一切，可以幫助大家建立站點(diǎn)，接下來，通過本文給大家介紹Jquery easyui開啟行編輯模式增刪改操作，感興趣的朋友一起學(xué)習(xí)2016-01-01
使用jquery模擬a標(biāo)簽的click事件無法實(shí)現(xiàn)跳轉(zhuǎn)的解決
這篇文章主要給大家介紹了關(guān)于使用jquery模擬a標(biāo)簽的click事件無法實(shí)現(xiàn)跳轉(zhuǎn)的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
頁面加載完成有兩種事件，一是ready，表示文檔結(jié)構(gòu)已經(jīng)加載完成，onload，ready概念容易混淆，下面為大家詳細(xì)介紹下2013-04-04
jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊下拉框中的值累加到文本框中的方法,涉及jQuery事件綁定及頁面元素屬性動態(tài)獲取與操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10
我們在前端開發(fā)，經(jīng)常要用到彈出層的效果，以前很早前就想將這個功能整理成一個公共的接口來實(shí)現(xiàn)了；自寫的第一個jQuery插件，這里分享給大家，有需要的小伙伴參考下。2015-04-04
jQuery Clone Bug解決代碼，具體看測試代碼。2010-12-12
jQuery 學(xué)習(xí)6 操縱元素顯示效果的函數(shù)
jQuery提供了hide() ,show()對元素進(jìn)行隱藏和顯示，下面看兩個函數(shù)的應(yīng)用2010-02-02
jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )
這篇文章主要介紹了jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )的相關(guān)資料,需要的朋友可以參考下2016-04-04
Jquery組件easyUi實(shí)現(xiàn)手風(fēng)琴(折疊面板)示例
這篇文章主要為大家詳細(xì)介紹了Jquery組件easyUi實(shí)現(xiàn)手風(fēng)琴示例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08