Bolehkah jQuery Mengubah Suai Gaya Terus Dalam Teg ``?-tutorial css-php.cn

Bolehkah jQuery Mengubah Suai Gaya Terus Dalam Teg ``?

Mary-Kate Olsen

Lepaskan： 2024-11-12 15:13:02

asal

667 orang telah melayarinya

Can jQuery Modify Styles Directly Within the `` Tag?

jQuery CSS: Cara Mengubah Nilai dalam Tag

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 teg itu sendiri, bukannya hanya menjejaskan elemen tertentu. Adakah ini boleh dicapai dengan jQuery?

Contoh:

Pertimbangkan situasi di mana warna latar belakang elemen badan perlu ditukar dengan mengubah tag:

<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>

Salin selepas log masuk

Kod jQuery:

jQuery boleh mengubah suai gaya tertentu untuk elemen HTML:

$('body').css('background-color','#ff0000');

Salin selepas log masuk

Walau bagaimanapun, pendekatan ini menambah gaya sebaris pada teg badan dan bukannya tag.

Penyelesaian:

Untuk menukar nilai dalam tag menggunakan jQuery, pendekatan berbeza diperlukan. Daripada mengubah suai elemen gaya sedia ada, jQuery boleh digunakan untuk mencipta elemen gaya baharu:

$( "<style>body { background: black; }</style>" ).appendTo( "head" )

Salin selepas log masuk

Dengan melata, elemen gaya yang baru dicipta ini mengatasi gaya sedia ada, dengan berkesan mengubah nilai dalam tag.

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!