Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah kelas dalam jquery
Bagaimana untuk menambah kelas dalam jquery
- WBOYasal
- 2021-12-13 14:41:0516410semak imbas
Cara menambah kelas dalam jquery: 1. Gunakan pernyataan "$(specified element)" untuk mendapatkan objek elemen yang ditentukan 2. Gunakan kaedah addClass() untuk menambah kelas pada elemen yang ditentukan sintaks ialah "elemen object.addClass( "new class");".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara menambah kelas dalam jquery
jquery menyediakan kaedah addClass() untuk menambah kelas Anda boleh menggunakan kaedah ini pada teg kelas Kelas ditambah. Tambah kelas lass dengan mengklik butang untuk menjadikan fon lebih besar untuk menunjukkan kaedah addClass().
kaedah addClass() menambah satu atau lebih kelas pada elemen yang dipilih.
Kaedah ini tidak mengalih keluar atribut kelas sedia ada, tetapi hanya menambah satu atau lebih atribut kelas.
Contoh adalah seperti berikut:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p:first").addClass("intro");
});
});
</script>
<style type="text/css">
.intro{
font-size: 40px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>向第一个 p 元素添加一个类</button>
</body>
</html>Hasil keluaran:
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menambah kelas dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!