JQuery - Tips

From Catglobe Wiki
Revision as of 07:30, 4 May 2010 by Catglobe (talk | contribs) (JQuery Tips)
Jump to: navigation, search

JQuery Tips

1. Optimize performance of complex selectors
var subset = $(""); $("input[value^=]", subset);

2. Set Context and improve the performance
On the core jQuery function, specify the context parameter when. Specifying the context parameter allows jQuery to start from a deeper branch in the DOM, rather than from the DOM root. Given a large enough DOM, specifying the context parameter should translate to performance gains. $("input:radio", document.forms[0]);

3. Live Event Handlers
Set an event handler for any element that matches a selector, even if it gets added to the DOM after the initial page load: $('button.someClass').live('click', someFunction);

4. To show / hide element
$("a").hide(); $("a").show();
5. Check element exists
if ($("#someDiv").length) {

}
6. Back to top button/link
$('#top').click(function() { $(document).scrollTo(0,500); }