cari

Rumah >hujung hadapan web >tutorial js >Contoh analisis penggunaan change() dalam jquery_jquery

Contoh analisis penggunaan change() dalam jquery_jquery

WBOY
WBOYasal
2016-05-16 16:15:311120semak imbas

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.

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
Artikel sebelumnya：Pengecualian JavaScript mengendalikan kemahiran explanation_javascript terperinciArtikel seterusnya：Pengecualian JavaScript mengendalikan kemahiran explanation_javascript terperinci

Artikel berkaitan

Lihat lagi