Mendeklarasikan Penggunaan Event Pada jQuery

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan mengenai Bagaimana Cara Mendeklarasikan Pemakaian Event Di jQuery, jenis jenis event di jQuery benar-benar lah bervariasi teman teman dapat menuliskan keyword di google dengan event di jQuery karenanya nanti akan di diarahkan ke site resmi jQuery.com



nah disini saya akan mengajarkan teman teman cara pemakaian event di form, teman teman lazim menggunakan form di php ataupun javascript, sesungguhnya tak jauh berbeda jQuery dengan JavaScript itu namun penulisannya aja yg agak berbeda, oke seketika saja tak perlu berpanjang lembar teman teman dapat salinkan scriptnya dibawah sini :



<body>
<h1>Hallo Dunia jQuery</h1>
<div class=abc>Line pertama-tama</div>
<div class=abc>Line ke dua</div>
<div class=abc>Line ke tiga</div>
</body>


script jQuery :



<head>
<script>
$(document).ready(function(){

$('h1').click(function(){

$('h1').css('color', 'red');

});

$('h1').mouseenter(function(){

$('h1').css('color', 'yellow');

});

$('h1').mouseleave(function(){

$('h1').css('color', 'red')

});

$('.abc').mouseenter(function(){

$(this).css('color', 'blue');
});

$('.abc').mouseenter(function(){

$('.abc:first').css('color', 'yellow');
});

$('.abc').mouseenter(function(){

$('.abc:eq(0)').css('color', 'yellow');
});

$('.abc').mouseleave(function(){

$('.abc').css('color', 'lightblue')


});

});
</script>
</head>


Jikalau telah teman teman dapat save dan arahkan cursor di di text karenanya yang terjadi ialah perubahan warna di text begitulah guna dari event di jQuery, saya rasa lumayan panduan mengenai Bagaimana Cara Mendeklarasikan Pemakaian Event Di jQuery,  hingga bertemu diartikel berikutnya dan hingga jumpa .. .



#KeepLearn



#IsmetMA




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS