Using delegate and undelegate in jQuery, you can bind or remove a handler from the event for all elements that matches the current selector.
Basically, these methods achieve the same thing as the jQuery .live() and .die() methods but they just use a different syntax.
$(selector).delegate(childSelector,event,data,function)
$(“table”).delegate(“td”, “hover”, function(){
$(this).toggleClass(“hover”);
});
For more details about jQuery .delegate click here.
Event handlers attached using the jQuery .delegate() method will work for both current and FUTURE elements also.
$(selector).undelegate(selector,event,function)
$(“table”).undelegate(“td”, “hover”);
For more details about jQuery .undelegate click here.
The syntax of .bind() and .delegate() is a little different.
$(‘ul li’).bind(‘click’, function(e){
// Do something with bind
});
$(‘ul’).delegate(‘li’, ‘click’, function(e){
// Do something with delegate
});
Hence, the difference between .bind() and .delegate() is that .bind() will only add events to the elements that are on the current page when you call it but .delegate() is looking for new or dynamic elements and then adding events to them when they appear on the page.
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.
We've gotten so used to seeing men streetwear joggers, ripped jeans, and sleeveless shirts. Hair…
When it comes to festivals, the options for wedding jewellery are endless. You can go…
Whether it concerns your home or an office building, the state of a property’s windows…
You know that running an environmentally sustainable business is the right thing to do. But…
If you are in a financial crisis , or need to start a new business…
To realize the strategic advantage from the fleet management system (FMS) and differentiate the business…