jQuery怎么獲取文字的寬度-創(chuàng)新互聯(lián)

這篇文章主要介紹了jQuery怎么獲取文字的寬度，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

成都網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、成都網(wǎng)站建設(shè)公司、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。核心團(tuán)隊(duì)均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗(yàn)，服務(wù)眾多知名企業(yè)客戶；涵蓋的客戶類型包括：發(fā)電機(jī)租賃等眾多領(lǐng)域，積累了大量豐富的經(jīng)驗(yàn)，同時(shí)也獲得了客戶的一致贊揚(yáng)！

 jQuery如何獲取文字的寬度？下面本篇文章給大家介紹一下使用jq獲取文字寬度的方法。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

獲取字符串的長(zhǎng)度很簡(jiǎn)單，但是如何獲取一個(gè)字符串的字體寬度卻是一個(gè)不太好操作的問題，今天查閱了許多資料，終于找到了解決方法：

1.首先，需要添加一個(gè)標(biāo)簽，HTML代碼如下：

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

2.接下來(lái)直接在String的原型中添加獲取文字寬度的函數(shù)，在js代碼中加入以下代碼即可：

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

3.使用js來(lái)調(diào)用這個(gè)方法：

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

效果如下：

jQuery怎么獲取文字的寬度

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享jQuery怎么獲取文字的寬度內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

網(wǎng)站名稱：jQuery怎么獲取文字的寬度-創(chuàng)新互聯(lián)
URL鏈接：http://muchs.cn/article26/eggcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、關(guān)鍵詞優(yōu)化、電子商務(wù)、做網(wǎng)站、App設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站