Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk mengalih keluar baris gaya pada klik butang dalam jquery
Kaedah: 1. Gunakan pemilih ".class" untuk menetapkan gaya untuk baris elemen yang ditentukan 2. Ikat acara klik pada butang dan nyatakan fungsi pemprosesan 3. Gunakan kaedah removeClass(). dalam fungsi untuk mengalih keluar yang ditentukan Anda boleh mengalih keluar baris gaya dengan menentukan kelas elemen baris Sintaks ialah "elemen object.removeClass("specified class").
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Cara mengalih keluar baris gaya dengan mengklik butang dalam jquery
Anda boleh menggunakan pemilih .class untuk menetapkan gaya untuk elemen yang ditentukan .
Dengan cara ini, gaya elemen boleh dialih keluar sekaligus Gaya juga boleh dialih keluar menggunakan kaedah css, tetapi ia tidak boleh dialih keluar secara langsung, jadi kaedah removeClass digunakan.
kaedah removeClass() mengalih keluar satu atau lebih kelas daripada elemen yang dipilih.
Contoh adalah seperti berikut:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").removeClass("intro");
});
});
</script>
<style type="text/css">
.intro{
font-size:120%;
color:red;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p class="intro">这是一行段落。</p>
<p >这是另一行段落。</p>
<button>移除指定一行的样式</button>
</body>
</html>Hasil keluaran:
Selepas mengklik butang:
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar baris gaya pada klik butang dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!