Bagaimana untuk mendapatkan css div dengan jquery

Dalam pembangunan bahagian hadapan, ia sering digunakan untuk mendapatkan gaya CSS elemen DOM. jQuery ialah perpustakaan JavaScript popular yang menyediakan banyak kaedah untuk mendapatkan dan mengubah suai gaya CSS elemen DOM dengan mudah. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mendapatkan gaya CSS div.

1. Gunakan kaedah .css() untuk mendapatkan gaya CSS div

Salah satu fungsi teras jQuery ialah untuk menetapkan dan mendapatkan gaya CSS. Kaedah .css() digunakan untuk mendapatkan atau menetapkan atribut gaya sesuatu elemen. Melalui kaedah ini, anda boleh mendapatkan atribut gaya div. Contohnya, untuk mendapatkan warna latar belakang div, anda boleh menggunakan kod berikut:

var bgColor = $('div').css('background-color');

Dengan cara ini, anda boleh mendapatkan warna latar belakang div dan menyimpannya dalam pembolehubah bgColor. Kaedah

.css() juga boleh mendapatkan berbilang atribut CSS pada masa yang sama, contohnya:

var divStyles = $('div').css(['background-color', 'font-size', 'color']);

Dengan cara ini, atribut gaya seperti warna latar belakang, saiz fon dan warna fon boleh diperolehi sekaligus dan disimpan dalam sesuatu objek.

2. Gunakan kaedah .attr() untuk mendapatkan gaya CSS div

Selain kaedah .css(), jQuery juga menyediakan kaedah .attr() untuk mendapatkan sifat-sifat sesuatu unsur. Gaya CSS juga boleh dianggap sebagai atribut elemen, jadi anda juga boleh menggunakan kaedah .attr() untuk mendapatkan atribut CSS div. Contohnya:

var bgColor = $('div').attr('style');

Dengan cara ini anda boleh mendapatkan semua atribut gaya CSS div dan menyimpannya dalam pembolehubah bgColor. Perlu diingatkan bahawa atribut gaya CSS yang diperoleh dengan cara ini dikembalikan dalam bentuk rentetan.

3 Gunakan kaedah .getComputedStyle() untuk mendapatkan gaya CSS div

Dalam sesetengah penyemak imbas lanjutan, anda juga boleh menggunakan kaedah JavaScript asli getComputedStyle() untuk mendapatkan CSS atribut gaya nilai div, dan kaedah ini juga boleh dipanggil melalui jQuery. Contohnya:

var bgColor = window.getComputedStyle($('div')[0]).getPropertyValue('background-color');

Dengan cara ini anda boleh mendapatkan warna latar belakang div dan menyimpannya dalam pembolehubah bgColor. Perlu diingat bahawa kaedah window.getComputedStyle() mengembalikan objek, bukan rentetan atau nombor. Dan dalam kaedah ini, elemen div harus wujud dan boleh dilihat Jika elemen ini atau dokumen di dalamnya tidak kelihatan atau diberikan, atribut gaya yang diperoleh mungkin tidak betul atau tidak lengkap.

Ringkasnya, tidak sukar untuk menggunakan jQuery untuk mendapatkan sifat gaya CSS div. Sama ada anda menggunakan kaedah .css(), kaedah .attr() atau kaedah JavaScript asli getComputedStyel(), anda boleh mendapatkan atribut gaya CSS div. Kaedah ini membolehkan kami memperoleh sifat CSS dengan mudah bagi elemen yang diperlukan, yang memudahkan pembangunan dan penyahpepijatan.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan css div dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!