Jquery events in Hindi

Post Views : 200

Introduction

हेलो दोस्तों आज हम इस पोस्ट में jquery events के बारेमे जानेगे तो first of ये jquery events क्या होता है? मान लीजिये आप एक website visite करते है जिसमे क्या होता है की images या कुछ contant specific time के बाद hide ho जाती है तो वह हम jquery के मदद से सेट करा सकते है! दूसरे example से समजे तो आप लोगो ने कुछ ऐसी website नोटिस की होगी जिसमे आप top to buttom की website scroll करने के बाद में move to top button visible हो जाता है! और आप इस button pe click करके website के top section में पोहच जाते हो तो वह बी हम jquery events के जरिये सेट कर सकते है!.

Jquery events lists आप निचे देख सकते है!

• Document / Window events
• Mouse hover / click events
• Keyboard events
• Form submit events

Document / Window events

Document / Window events में event यानि action को document के load के दरमियान या document ( webpage ) पूरा load होने के बाद में event action perform करा सकते है!

Document / Window events में हम event action kab – kab परफॉर्म करा सकते है आप निचे लिस्ट में देख सकते है।

• load document
• unload document
• resize document
• scroll document

Window load event Example:

jQuery(window).on('load', function(){
     jQuery( '#formdata' ).hide();
     //here perform any action when window is loaded
});

Mouse hover / click events

Mouse hover/click events में क्या होता है जब बी हम किसी elements या button, section पर click या mouse hover करते है तब हम events action perform करा सकते है!

Mouse events जैसे की

• click events
• dblclick events
• mouseenter events
• mouseleave events

Click event Example:

jQuery("#select-element").click(function() {
    alert("click");
});

Keyboard events

Keyboard events में keyboard के key press, key down, key up, arrow पर event action ko perform करा सकते है!

Keyboard events list जैसे की

• keypress event
• keyup event
• keydown event

Keypress event example:

jQuery("select-element").keypress(function(){
  jQuery("span").hide();
});

Form submit events

Form events में event को हम form के action पर event को perform करा सकते है!

Form events list jaise ki

• submit event
• onchange event
• blur event
• focus event

submit event Example:

jQuery('#formdata').submit(function(){
   get all form input value using 
   jQuery('input-selector').val()
});