Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menambah nama kelas kepada elemen dalam jquery

Bagaimana untuk menambah nama kelas kepada elemen dalam jquery

WBOY
WBOYasal
2021-11-23 09:34:003628semak imbas

Cara menambah nama kelas pada elemen dalam jquery: 1. Gunakan pernyataan "$(elemen)" untuk memadankan objek elemen 2. Gunakan kaedah addClass() untuk menambah nama kelas pada elemen. Sintaksnya ialah "element object.addClass( "classname to add")".

Bagaimana untuk menambah nama kelas kepada elemen dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Cara menambah nama kelas pada elemen dalam jquery

1. Buat halaman html baharu, dan kemudian tambah teks dengan teks < ;div> ke halaman html dan butang acara klik, dan kemudian tambahkan acara klik pada butang.

kod html:

<div id="add">点击按钮添加class</div>
<input type="button" value="添加class" onclick="addBtn()" />

Tambah gaya kelas. Buat teg selepas teg

kod css:

<style>
.fs40{
font-size: 40px;
}
</style>

2. Perkenalkan perpustakaan jquery. Memperkenalkan perpustakaan jquery selepas teg

Kod js:

<script type="text/javascript">
function addBtn(){
$("#add").addClass("fs40")
}
</script>

Simpan halaman kod html, kemudian bukanya dengan penyemak imbas, klik ikon butang, anda akan melihat bahawa fon teg

lebih besar, menunjukkan penambahan kejayaan kelas kelas.

Semua kod pada halaman. Anda boleh terus menyalin semua kod, menampalnya ke halaman HTML baharu, mengubah suai laluan pengenalan perpustakaan jquery, menyimpan kod HTML dan membukanya dengan penyemak imbas, dan klik butang untuk melihat kesannya.

Semua kod:






<style>
.fs40{
font-size: 40px;
}
</style>

<script type="text/javascript">
function addBtn(){
$("#add").addClass("fs40")
}
</script>


<div id="add">点击按钮添加class</div>
<input type="button" value="添加class" onclick="addBtn()" />

Hasil keluaran:

Bagaimana untuk menambah nama kelas kepada elemen dalam jquery

Tutorial video berkaitan yang disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Bagaimana untuk menambah nama kelas kepada elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn