首頁 > web前端 > js教程 > jquery css 如何取得不帶單位的屬性值

jquery css 如何取得不帶單位的屬性值

藏色散人
發布: 2020-12-17 16:36:40
原創
2346 人瀏覽過

jquery css取得不帶單位的屬性值的方法:先定義一個div;然後設定樣式,並引入jQuery;接著使用jquery的css方法取得元素的寬度;最後使用parseInt方法去除單位即可。

jquery css 如何取得不帶單位的屬性值

本教學操作環境:windows7系統、jquery1.10.0&&css3版,此方法適用於所有品牌電腦。

推薦:《css影片教學

jquery css方法取得不帶單位的屬性值

1、首先定義一個div

<div></div>
登入後複製

2、然後設定樣式

<style>
div {
    width: 100px;
    height: 100px;
}
</style>
登入後複製

3、引入jQuery

<script src="path/to/jquery.min.js"></script>
登入後複製

4、使用jquery的css方法取得元素的寬度

var h = $(&#39;div&#39;).css(&#39;width&#39;);
console.log(h); //100px
登入後複製

5、取得的值是帶單位的,使用parseInt方法去除單位即可

var nopx = parseInt(h);
console.log(nopx);//100
登入後複製

以上是jquery css 如何取得不帶單位的屬性值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板