JQuery CSS Dapatkan Nilai Tanpa Px

3 Kadang -kadang dengan nilai CSS mereka mempunyai sambungan seperti PX apabila anda mendapat nilai mereka menggunakan jQuery. Ini adalah bagaimana anda boleh mendapatkan nilai CSS tanpa PX . Sekiranya anda ingin mendapatkan nilai propery CSS elemen DOM seperti margin maka ia akan mengembalikan PX juga sebagai nilai.

Contohnya: Akan kembali berkata: "360px". Untuk mendapatkan nilai nombor dari harta CSS mudah Gunakan ini:

Soalan Lazim (Soalan Lazim) Mengenai JQuery CSS PX

bagaimana saya boleh mendapatkan bahagian angka harta CSS dengan jQuery? Fungsi ini mengepam hujah rentetan dan mengembalikan integer. Sebagai contoh, jika anda ingin mendapatkan bahagian angka harta 'lebar', anda boleh menggunakan kod berikut:

<span>$('#content').css('left');</span>

var width = parseInt ($ ("#elemen"). CSS ("lebar");

<span>$('#content').css('left').replace(<span>/<span><span>[^-d.]</span></span>/g</span>, '');</span>

anda boleh menetapkan nilai harta CSS dalam piksel menggunakan kaedah .css () dalam jQuery. Kaedah ini menetapkan satu atau lebih sifat CSS untuk set elemen yang dipadankan. Sebagai contoh, untuk menetapkan harta 'lebar' kepada '100px', anda boleh menggunakan kod berikut:

$ ("#elemen"). Css ("lebar", "100px");

Anda boleh mendapatkan padding atau nilai margin dalam piksel menggunakan kaedah .css () dalam jQuery. Kaedah ini mengembalikan nilai harta gaya yang dikira. Sebagai contoh, untuk mendapatkan nilai 'padding-top', anda boleh menggunakan kod berikut:

var paddingtop = $ ("#unsur"). Css ("padding-top"); Mendapat lebar terkira semasa untuk elemen pertama dalam set elemen yang dipadankan atau menetapkan lebar untuk setiap elemen yang dipadankan. Sebagai contoh, untuk mendapatkan lebar elemen, anda boleh menggunakan kod berikut:

var width = $ ("#unsur"). Lebar ();
Ini akan mengembalikan lebar elemen dalam piksel. ParseInt () berfungsi dalam jQuery. Fungsi ini mengepam hujah rentetan dan mengembalikan integer. Sebagai contoh, untuk mendapatkan nilai 'lebar' tanpa unit 'px', anda boleh menggunakan kod berikut:

var width = parseInt ($ ("#element"). CSS ("lebar"));

Bagaimana saya boleh menukar sifat CSS pelbagai elemen sekaligus menggunakan jQuery?

Anda boleh menukar sifat CSS pelbagai elemen sekaligus menggunakan kaedah .css () dalam jQuery. Kaedah ini menetapkan satu atau lebih sifat CSS untuk set elemen yang dipadankan. Sebagai contoh, untuk menetapkan sifat 'lebar' dan 'ketinggian' kepada '100px' untuk semua elemen dengan kelas 'myclass', anda boleh menggunakan kod berikut:

$ (". piksel. Kaedah ini melakukan animasi tersuai satu set sifat CSS. Sebagai contoh, untuk menghidupkan harta 'lebar' kepada '100px', anda boleh menggunakan kod berikut:

$ ("#elemen"). Animate ({"width": "100px"});

anda boleh mendapatkan nilai harta gaya yang dikira menggunakan kaedah .css () dalam jQuery. Kaedah ini mengembalikan nilai harta gaya yang dikira. Sebagai contoh, untuk mendapatkan nilai 'lebar', anda boleh menggunakan kod berikut:

var width = $ ("#elemen"). CSS ("lebar");
Ini akan mengembalikan nilai lebar dalam piksel. .css () kaedah dalam jQuery. Kaedah ini menetapkan satu atau lebih sifat CSS untuk set elemen yang dipadankan. Sebagai contoh, untuk menetapkan harta 'lebar' kepada '50%', anda boleh menggunakan kod berikut:

$ ("#elemen"). CSS ("lebar", "50%"); JQuery?

Anda boleh mendapatkan nilai CSS dengan unit 'PX' menggunakan kaedah .css () dalam jQuery. Kaedah ini mengembalikan nilai harta gaya yang dikira. Sebagai contoh, untuk mendapatkan nilai 'lebar' dengan unit 'px', anda boleh menggunakan kod berikut:

var width = $ ("#element"). CSS ("lebar");

Atas ialah kandungan terperinci JQuery CSS Dapatkan Nilai Tanpa Px. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!