Rumah >hujung hadapan web >tutorial css >Bolehkah jQuery Mengubah Suai Gaya Terus Dalam Teg ``?
Bolehkah jQuery Mengubah Suai Gaya Terus Dalam Teg ``?
- Mary-Kate Olsenasal
- 2024-11-12 15:13:02780semak imbas
jQuery CSS: Cara Mengubah Nilai dalam
Soalan:
Adalah diketahui bahawa jQuery boleh digunakan untuk menggunakan gaya pada elemen HTML. Walau bagaimanapun, dalam senario tertentu, pengguna mungkin ingin mengubah suai nilai dalam
Contoh:
Pertimbangkan situasi di mana warna latar belakang elemen badan perlu ditukar dengan mengubah
<style title="css_style" type="text/css">
body {
background-color:#dc2e2e; /* <- CHANGE THIS */
color:#000000;
font-family:Tahoma, Verdana;
font-size:11px;
margin:0px;
padding:0px;
background-image: url(http://abc.de/image.jpg);
}
</style>
...
<body>
// ....
</body>
Kod jQuery:
jQuery boleh mengubah suai gaya tertentu untuk elemen HTML:
$('body').css('background-color','#ff0000');
Walau bagaimanapun, pendekatan ini menambah gaya sebaris pada teg badan dan bukannya
Penyelesaian:
Untuk menukar nilai dalam
$( "<style>body { background: black; }</style>" ).appendTo( "head" )
Dengan melata, elemen gaya yang baru dicipta ini mengatasi gaya sedia ada, dengan berkesan mengubah nilai dalam
Atas ialah kandungan terperinci Bolehkah jQuery Mengubah Suai Gaya Terus Dalam Teg ``?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!