jquery获取transform里的值实现方法


Posted in jQuery onDecember 12, 2017

用transform的translateX写了一个侧滑效果,如何获取它改变的值是多少呢?

获取translateX值的方法:

$('div').css("transform").replace(/[^0-9\-,]/g,'').split(',')[4];

直接用css()获取是这样子的:

jquery获取transform里的值实现方法

用正则获取一下它里面的数值:

jquery获取transform里的值实现方法

然后获取第五个值就好了

以上这篇jquery获取transform里的值实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 jQuery
jquery实现左右轮播图效果
Sep 28 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
Apr 17 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
jQuery实现视频展示效果
May 30 jQuery
jQuery实现放大镜案例
Oct 19 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 #jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 #jQuery
jquery学习笔记之无new构建详解
Dec 07 #jQuery
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 #jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 #jQuery
jquery如何实现点击空白处隐藏元素
Dec 05 #jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 #jQuery
You might like
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
PHP 上传文件的方法(类)
2009/07/30 PHP
探讨fckeditor在Php中的配置详解
2013/06/08 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
大家未必知道的Js技巧收藏
2008/04/07 Javascript
javascript 一段左右两边随屏滚动的代码
2009/06/18 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
python生成日历实例解析
2014/08/21 Python
python中threading超线程用法实例分析
2015/05/16 Python
Python实现遍历目录的方法【测试可用】
2017/03/22 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
python七种方法判断字符串是否包含子串
2020/08/18 Python
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
颁奖典礼主持词
2014/03/25 职场文书
大学生标准自荐书
2014/06/15 职场文书
小学“向国旗敬礼”网上签名寄语活动总结
2014/09/27 职场文书
教师个人自我评价
2015/03/04 职场文书
nginx实现动静分离的方法示例
2021/11/07 Servers