jQuery如何获取文字的宽度？方法介绍
- 青灯夜游转载
- 2020-11-23 17:57:423340浏览
jQuery如何获取文字的宽度？下面本篇文章给大家介绍一下使用jq获取文字宽度的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
相关推荐：《jq视频》
获取字符串的长度很简单，但是如何获取一个字符串的字体宽度却是一个不太好操作的问题，今天查阅了许多资料，终于找到了解决方法：
1.首先，需要添加一个标签，HTML代码如下：
<body> <span></span> </body>
2.接下来直接在String的原型中添加获取文字宽度的函数，在js代码中加入以下代码即可：
String.prototype.visualLength = function()
{
let ruler = $("span");
ruler.text(this);
return ruler[0].offsetWidth;
};3.使用js来调用这个方法：
let text = "分"; let len = text.visualLength(); console.log(len);
效果如下：
记得要引入jq，博主使用的是es6
更多编程相关知识，请访问：编程入门！！
以上是jQuery如何获取文字的宽度？方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文转载于：cnblogs.com。如有侵权，请联系admin@php.cn删除