Jquery on metodu

Bu metodu kullanarar bir yada daha cok olayi yonetebilir,dokuman uzerinde daha sonradan yapilan islemlere de cevap verebiliriz.



<button id="buton1">Buton-1</button>
<button id="buton2">Buton-2</button>
<button id="buton3">Buton3</button>
        
        <script>

                     //buton1 tiklaninca gizlensin
                    $("#buton1").on("click", function() {
                        $(this).hide();
                    });



                    //ikinci butona farkli olayar atayalim
                    $("#buton2").on({
                        'mouseenter':function(){
                            $(this).css('color','red');
                        },
                        'click':function(){
                            $(this).css({
                                'color':'green',
                                fontSize:'25px'
                            });
                        },
                        'mouseleave':function(){
                            $(this).css('marginLeft','100px');
                        }
                    });
                
                
                
                
                //ucuncu butona ise farkli olaylar icin ayni islemleri verelim
                
                $("#buton3").on('click dblclick mouseleave',function(){
                     $(this).css("fontSize","32px");
                });

        </script>


Daha Fazla bilgi icin http://api.jquery.com/on/


Bu derse ait gorus ve onerilerinizi yada farkettigniz hatalari Lutfen bana bildirin!
birbyte.net@gmail.com