jquery獲取transform里的值實(shí)現(xiàn)方法
更新時(shí)間:2017年12月12日 14:46:44 作者:正是澤
下面小編就為大家分享一篇jquery獲取transform里的值實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
用transform的translateX寫了一個(gè)側(cè)滑效果,如何獲取它改變的值是多少呢?
獲取translateX值的方法:
$('div').css("transform").replace(/[^0-9\-,]/g,'').split(',')[4];
直接用css()獲取是這樣子的:

用正則獲取一下它里面的數(shù)值:

然后獲取第五個(gè)值就好了
以上這篇jquery獲取transform里的值實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
jQuery移動和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
復(fù)制節(jié)點(diǎn)也是常用的DOM操作之一,例如很多購物網(wǎng)站的效果,本文將介紹jQuery移動和復(fù)制dom節(jié)點(diǎn)等實(shí)用DOM操作,有需的朋友可以參考下2012-12-12
jQuery 實(shí)現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
在做ajax登錄時(shí)候遇到的一個(gè)問題,當(dāng)傳入?yún)?shù)含有特殊字符,比如:“$'#@”等。參數(shù)傳遞會有問題,無法正確獲取。本文章向碼農(nóng)介紹jQuery ajax特殊字符參數(shù)解決方法,需要的朋友可以參考一下。2016-10-10
jQuery實(shí)現(xiàn)的多滑動門,多選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多滑動門,多選項(xiàng)卡效果代碼,具有tab切換與滑動門的功能,涉及鼠標(biāo)事件的響應(yīng)與頁面元素屬性動態(tài)變換操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03

