Introduction
हेलो दोस्तों आज हम इस post में jquery के event handler $(document).on(‘click’) और $(‘p[class=”classname”]’).on(‘click’) के difference के बारे में जानगे साथ ही $(document).on(‘click’) और $(‘p[class=”classname”]’).on(‘click’) कैसे work करते है उसके बारेमे detail से समझेंगे!.
Jquery में $(document).on(‘click’) और $(‘p[class=”classname”]’).on(‘click’) दोना का ही इस्तेमाल click events को handle करने के लिए किया जाता है!. लेकिन इस दोना उपयोग थोड़ा अलग तरीके से किया जाता है!.
$(document).on(‘click’, handler)
$(document).on(‘click’, handler) इस syntax का इस्तेमाल पुरे document में click event को handle करने के लिए किया जाता है!. event handle इन element पर लागु होती जो document के load time पे मौजूद होते है लेकिन यह बाद में dynamically रूप से add होने वाले elements के लिए भी काम करता है!. यह उन elements पर click event को handle करने के लिए उपयोगी है जो सरुअत में page load के बाद dynamically रूप से DOM में add होते है!.
Example:
$(document).on('click', '.classname', function() {
// Your click event handling code here
});
$(“.classname”).click(handler)
$(“.classname”).click(handler) इस syntax का इस्तेमाल click handler को directly उन elements से attach करने के लिए किया जाता है जो script के रन time में selector से match होते है!.
यह dynamically add होने वाले elements के साथ काम नहीं करता है क्योकि वह केवल event को उन elements से attach है जो script के execute होने पर present होते है!.
यह सरुआती DOM में मौजूद elements के लिए click handler को attach करने का एक सीधा तरीका है!.
Example:
$(".classname").click(function() {
// Your click event handling code here
});
$(“.classname”).click(handler) handler सरुआती DOM में मौजूद elements पर click event को handle करने लिए है!. जब की $(document).on(‘click’, handler) ज्यादा flexible और dynamically रूप से add होने वाले elements पर click event को handle करने के लिए है!.
