Artikel ini menganalisis penggunaan change() dalam jquery dengan contoh. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:
change() Apabila nilai elemen berubah, peristiwa perubahan berlaku. Peristiwa ini hanya digunakan pada medan teks dan textarea dan elemen pilih.
Apabila digunakan pada elemen pilih, peristiwa perubahan berlaku apabila pilihan dipilih. Apabila digunakan dengan medan teks atau kawasan teks, peristiwa ini berlaku apabila elemen kehilangan fokus.
1. Cara menggunakan perubahan
1. Peristiwa perubahan pencetus: Peristiwa perubahan pencetus elemen yang dipilih
Sintaks: $(selector).change()
2. Ikat fungsi pada peristiwa perubahan: Tentukan fungsi yang akan dijalankan apabila peristiwa perubahan elemen yang dipilih berlaku.
Sintaks: $(selector).change(function)
2. Contoh perubahan() dalam jquery
<html>
<head>
<script type="text/javascript" src="jquery文件"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
$("button").click(function(){
$("input").change();
});
});
</script>
</head>
<body>
<button>激活文本域的 change 事件</button>
<p>Enter your name: <input class="field" type="text" /></p>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="jquery文件"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".field").change(function(){
$(this).css("background-color","#FFFFCC");
});
});
</script>
</head>
<body>
<p>在某个域被使用或改变时，它会改变颜色。</p>
Enter your name: <input class="field" type="text" />
<p>Car:
<select class="field" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</p>
</body>
</html>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
