jquery獲取transform里的值實(shí)現(xiàn)方法
用transform的translateX寫了一個(gè)側(cè)滑效果,如何獲取它改變的值是多少呢?
獲取translateX值的方法:
$('div').css("transform").replace(/[^0-9\-,]/g,'').split(',')[4];
直接用css()獲取是這樣子的:
用正則獲取一下它里面的數(shù)值:
然后獲取第五個(gè)值就好了
以上這篇jquery獲取transform里的值實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
復(fù)制節(jié)點(diǎn)也是常用的DOM操作之一,例如很多購(gòu)物網(wǎng)站的效果,本文將介紹jQuery移動(dòng)和復(fù)制dom節(jié)點(diǎn)等實(shí)用DOM操作,有需的朋友可以參考下2012-12-12jQuery 實(shí)現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
在做ajax登錄時(shí)候遇到的一個(gè)問題,當(dāng)傳入?yún)?shù)含有特殊字符,比如:“$'#@”等。參數(shù)傳遞會(huì)有問題,無法正確獲取。本文章向碼農(nóng)介紹jQuery ajax特殊字符參數(shù)解決方法,需要的朋友可以參考一下。2016-10-10自己動(dòng)手寫的jquery分頁(yè)控件(非常簡(jiǎn)單實(shí)用)
最近接了一個(gè)項(xiàng)目,其中有需求要用到j(luò)query分頁(yè)控件,上網(wǎng)也找到了需要分頁(yè)控件,各種寫法各種用法,都是很復(fù)雜,最終決定自己動(dòng)手寫一個(gè)jquery分頁(yè)控件,全當(dāng)是練練手了2015-10-10jQuery實(shí)現(xiàn)的多滑動(dòng)門,多選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多滑動(dòng)門,多選項(xiàng)卡效果代碼,具有tab切換與滑動(dòng)門的功能,涉及鼠標(biāo)事件的響應(yīng)與頁(yè)面元素屬性動(dòng)態(tài)變換操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03jQuery動(dòng)態(tài)添加元素后元素注冊(cè)事件失效解決
這篇文章主要介紹了jQuery動(dòng)態(tài)添加元素后元素注冊(cè)事件失效解決,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08