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

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

藏色散人
藏色散人原創
2020-12-16 10:26:292327瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn