jQuery如何获取文字的宽度？方法介绍-tutorial js-php.cn

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

青灯夜游

Lepaskan： 2020-11-23 17:57:42

ke hadapan

3385 orang telah melayarinya

jQuery如何获取文字的宽度？下面本篇文章给大家介绍一下使用jq获取文字宽度的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

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

相关推荐：《jq视频》

获取字符串的长度很简单，但是如何获取一个字符串的字体宽度却是一个不太好操作的问题，今天查阅了许多资料，终于找到了解决方法：

1.首先，需要添加一个标签，HTML代码如下：

<body>
<span></span>
</body>

Salin selepas log masuk

2.接下来直接在String的原型中添加获取文字宽度的函数，在js代码中加入以下代码即可：

String.prototype.visualLength = function()
        {
            let ruler = $("span");
            ruler.text(this);
            return ruler[0].offsetWidth;
        };

Salin selepas log masuk

3.使用js来调用这个方法：

  let text = "分";
  let len = text.visualLength();
  console.log(len);

Salin selepas log masuk

　　效果如下：

记得要引入jq，博主使用的是es6

更多编程相关知识，请访问：编程入门！！

Atas ialah kandungan terperinci jQuery如何获取文字的宽度？方法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

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