jQuery API學(xué)習(xí)之CSS操作函數(shù)與動(dòng)畫效果篇

jQuery CSS操作函數(shù)

常用jQuery CSS操作函數(shù)介紹:

CSS屬性 描述
css() 設(shè)置或返回匹配元素的樣式屬性
height() 設(shè)置或返回匹配元素的高度
offset() 返回第一個(gè)匹配元素相對于文檔的位置
offsetParent() 返回最近的定位祖先元素
position() 返回第一個(gè)匹配元素相對于父元素的位置
scrollLeft() 設(shè)置或返回匹配元素相對滾動(dòng)條左側(cè)的位置
scrollTop() 設(shè)置或返回匹配元素相對滾動(dòng)條頂部的位置
width() 設(shè)置或返回匹配元素的寬度
innerHeight() 為匹配的元素集合中獲取第一個(gè)元素的當(dāng)前計(jì)算高度值,包括padding,但是不包括border。
innerWidth() 為匹配的元素集合中獲取第一個(gè)元素的當(dāng)前計(jì)算寬度值,包括padding,但是不包括border
outerHeight() 獲取元素集合中第一個(gè)元素的當(dāng)前計(jì)算高度值,包括padding,border和選擇性的margin。返回一個(gè)整數(shù)(不包含“px”)表示的值 ,或如果在一個(gè)空集合上調(diào)用該方法,則會返回 null。
outerWidth() 獲取元素集合中第一個(gè)元素的當(dāng)前計(jì)算寬度值,包括padding,border和選擇性的margin。(注:返回一個(gè)整數(shù)(不包含“px”)表示的值,或如果在一個(gè)空集合上調(diào)用該方法,則會返回 null。)
width() 設(shè)置或返回匹配元素的寬度

jQuery 常用特效API:

jQuery 庫提供了幾種為頁面添加動(dòng)畫效果的技術(shù)。包括經(jīng)常使用的簡單、標(biāo)準(zhǔn)的動(dòng)畫效果和用于創(chuàng)造新動(dòng)畫效果的輔助工具。

名稱 描述
.animate() 根據(jù)一組css屬性,執(zhí)行自定義動(dòng)畫
.delay() 設(shè)置一個(gè)延時(shí)來推遲執(zhí)行隊(duì)列中后續(xù)的項(xiàng)
.dequeue() 執(zhí)行匹配元素隊(duì)列的下一個(gè)函數(shù)
.fadeln() 通過淡入的方式顯示匹配的元素
.fadeOut() 通過淡出的方式隱藏匹配元素
.fadeTo() 調(diào)整匹配元素的透明度
.fadeToggle() 通過匹配元素的不透明動(dòng)畫來顯示或隱藏他們
.finish() 停止當(dāng)前正在運(yùn)行的動(dòng)畫,刪除所有排隊(duì)的動(dòng)畫,并完成匹配元素的所有動(dòng)畫。
.hide() 隱藏匹配的元素
.queue() 顯示在pipe的元素上已經(jīng)執(zhí)行的函數(shù)隊(duì)列。在匹配的元素上操作已經(jīng)附加的函數(shù)列表
.show() 顯示匹配的元素
.slideDown() 用滑動(dòng)動(dòng)畫顯示一個(gè)匹配元素
.slideToggle了() 用滑動(dòng)動(dòng)畫顯示或隱藏一個(gè)匹配元素
.slideUp() 用滑動(dòng)動(dòng)畫隱藏一個(gè)匹配元素
.stop() 停止匹配元素當(dāng)前正在運(yùn)行的動(dòng)畫
.toggle() 顯示或隱藏匹配元素

相關(guān)鏈接:

demo以及資料訪問地址:vss上面 \99.Study\css and anime.rar

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容