Table of Contents
- 1 Introduction
- 2 jQuery के साथ DOM Manipulation कैसे करा सकते है?
- 3 jQuery के साथ Event Handling कैसे करा सकते है?
- 4 jQuery के साथ AJAX call कैसे करा सकते है?
- 5 jQuery के साथ Animation कैसे करा सकते है?
- 6 jQuery के साथ DOM Traversal?
- 7 jQuery के साथ HTML elements के attributes and classes value get और change कैसे करा सकते है?
- 8 jQuery के साथ Form Handling कैसे करा सकते है?
- 9 jQuery $.each() loop
Introduction
हेलो दोस्तों आज हम इस post में jQuery का इस्तेमाल करके कोन कोन सी functionality करा सकते है! इस सभी functionality list के बारे में जानगे!. हम सब लोग जानते है की jQuery एक javascript की library है!. jquery के इस्तेमाल से HTML document traversal, manipulation, event handling और animation जैसे functionality task को हम आसानी से कर सकते है!.
आप देख सकते है jquery के द्वारा provide की गई functionalities की एक list है!.
jQuery के साथ DOM Manipulation कैसे करा सकते है?
jQuery का इस्तेमाल करके HTML elements को target करके उस element की value और text change करा सकते है!.
$(selector): CSS selectors के आधार पर HTML elements को select करा सकते है!.
Syntax: $(selector)
Example:
<script>
// Select by element tag
$('p')
// Select by class
$('.myClass')
// Select by ID
$('#myId')
</script>
$(element).html(): jQuery के इस्तेमाल करके HTML elements के content को gets और sets कर सकते है!.
$(element).text(): HTML elements के text को gets और sets कर सकते है!.
$(element).val(): Form elements के values को gets और sets करा सकते है!.
jQuery के साथ Event Handling कैसे करा सकते है?
$(element).click(handler): Element पर click करने के बाद एक function को execute करा सकते है!.
$(element).on(event, handler): Selected elements में एक या अधिक event के लिए event function handler execut करा सकते है!.
$(element).off(event, handler): Event handler को remove करने के लिए!
jQuery के साथ AJAX call कैसे करा सकते है?
$.ajax(): jQuery का इस्तेमाल कर ajax( asynchronous HTTP) request को handle कर सकते है!.
$.get(url, data, success, dataType): jQuery का इस्तेमाल करके GET HTTP request से serve से data को load करा सकते है!.
$.post(url, data, success, dataType): jQuery का इस्तेमाल करके POST HTTP request से serve से data को load करा सकते है!.
jQuery के साथ Animation कैसे करा सकते है?
$(element).hide(), $(element).show(): jQuery से HTML elements को Hide और show करा सकते है!.
$(element).fadeIn(), $(element).fadeOut(): jQuery से HTML elements Fade in और out करा सकते है!.
$(element).slideUp(), $(element).slideDown(): jQuery से HTML elements Slide up और down करा सकते है!.
$(element).animate(properties, duration, easing, callback): jQuery से CSS properties से Custom animation setup करा सकते है!.
jQuery के साथ DOM Traversal?
$(element).find(selector): jQuery में $(element).find(selector) method का इस्तेमाल उन elements को find करने के लिए किया जाता है!. जिसमे specific HTML element को $(element) selector के आधार पर रखा जाता है और उन specific selected element के भीतर से element को find() method के द्वारा access किया जाता है!.
$(element).parent(), $(element).children(): HTML के specific element को selector के तोर पर रख के parent और child elements access किया जाता है!.
$(element).siblings(): Selected elements के sibling elements को access करने के लिए!.
jQuery के साथ HTML elements के attributes and classes value get और change कैसे करा सकते है?
$(element).attr(attribute): Selected element के attribute की value को get कर सकते है!.
$(element).attr(attribute, value): Selected element के attribute में value को set कर सकते है!.
$(element).addClass(class), $(element).removeClass(class): Elements में class को Add और remove करा सकते है!.
$(element).hasClass(class): Specific elements में particular class check कर सकते है!.
jQuery के साथ Form Handling कैसे करा सकते है?
$(form).serialize(): jQuery में इस method के इस्तेमाल करके form के सभी control inputs के values serialize के रूप में access कर सकते है!.
jQuery $.each() loop
$.each(): jQuery में function का इस्तेमाल किसी selected elements के collection पर loop चला कर हरेक element पर actions perform करने का आसान तरीका provide करता है!.
