jQuery如何获取文字的宽度？方法介绍

互联网 20-11-23

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如何获取文字的宽度？方法介绍的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： jQuery

jQuery如何获取文字的宽度？方法介绍

相关资讯

标签推荐