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+Ajax实现用户名重名实时检测
Jun 01 jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
jQuery替换节点元素的操作方法
Mar 18 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
jQuery实现简单QQ聊天框
Aug 27 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
php根据地址获取百度地图经纬度的实例方法
2019/09/03 PHP
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
node.js中的url.parse方法使用说明
2014/12/10 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2016/11/25 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
JavaScript定义全局对象的方法示例
2017/01/12 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
vue左右侧联动滚动的实现代码
2018/06/06 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
javascript面向对象程序设计实践常用知识点总结
2019/07/29 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Flask数据库迁移简单介绍
2017/10/24 Python
Python及PyCharm下载与安装教程
2017/11/18 Python
python生成lmdb格式的文件实例
2018/11/08 Python
python 实现语音聊天机器人的示例代码
2018/12/02 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
python3+PyQt5 自定义窗口部件--使用窗口部件样式表的方法
2019/06/26 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
医学护理毕业生自荐信
2013/11/07 职场文书
高中毕业的自我鉴定
2013/12/09 职场文书
单位政审意见范文
2015/06/04 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
Nginx Rewrite使用场景及配置方法解析
2021/04/01 Servers