jquery menetapkan warna latar belakang input-Soal Jawab bahagian hadapan-php.cn

jquery menetapkan warna latar belakang input

PHPz

Lepaskan： 2023-05-28 13:16:40

asal

854 orang telah melayarinya

jQuery ialah rangka kerja JavaScript yang menyediakan kaedah mudah untuk mengendalikan elemen HTML dan mengendalikan acara, termasuk menetapkan warna latar belakang input. Artikel ini akan memperkenalkan cara untuk menetapkan warna latar belakang input dalam jQuery.

Pertama, anda perlu memperkenalkan perpustakaan jQuery ke dalam halaman HTML. Ini boleh dicapai dengan menambahkan kod berikut pada teg

<head>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>

Salin selepas log masuk

Seterusnya, tambahkan atribut id pada elemen input di mana warna latar belakang perlu ditetapkan untuk pemilihan dalam jQuery. Sebagai contoh, anda boleh menambah kotak input pada halaman dan berikan id bernama "input1":

<input type="text" id="input1" placeholder="请输入内容...">

Salin selepas log masuk

Kemudian, selepas halaman dimuatkan, anda boleh menggunakan kaedah ready() jQuery untuk mendapatkan kotak input dan tetapkan warna latar belakangnya. Kaedah ready() dijalankan selepas semua elemen halaman dimuatkan. Berikut ialah pelaksanaan kod khusus:

$(document).ready(function(){
  // 获取输入框元素
  var inputElement = $('#input1');
  
  // 设置背景色为红色
  inputElement.css('background-color', 'red');
});

Salin selepas log masuk

Dalam kod di atas, mula-mula gunakan fungsi $() untuk mendapatkan elemen kotak input, dan kemudian gunakan kaedah css() untuk menetapkan warna latar belakangnya kepada merah. Antaranya, kaedah css() ialah kaedah yang digunakan dalam jQuery untuk menetapkan dan mendapatkan sifat CSS.

Selain menetapkan warna latar belakang, anda juga boleh menukar gaya elemen dengan menetapkan sifat CSS yang lain. Contohnya, anda boleh menetapkan saiz fon, warna fon, sempadan dan banyak lagi. Berikut ialah beberapa contoh kod:

// 设置字体大小为18px
inputElement.css('font-size', '18px');

// 设置字体颜色为绿色
inputElement.css('color', 'green');

// 设置边框为1px的黑色边框
inputElement.css('border', '1px solid black');

Salin selepas log masuk

Kesimpulannya, dengan menggunakan jQuery anda boleh memanipulasi elemen HTML dan menukar gayanya dengan mudah. Saya harap pengenalan ini akan membantu anda.

Atas ialah kandungan terperinci jquery menetapkan warna latar belakang input. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!