Difference between revisions of "JQuery - Tips"
(→JQuery Tips) |
(→JQuery Tips) |
||
Line 13: | Line 13: | ||
<br> | <br> | ||
<br>'''4. To show / hide element'''<br> | <br>'''4. To show / hide element'''<br> | ||
− | + | $("a").hide(); | |
− | + | $("a").show(); | |
<br>'''5. Check element exists'''<br> | <br>'''5. Check element exists'''<br> | ||
− | + | if ($("#someDiv").length) {} | |
− | |||
− | } | ||
<br>'''6. Back to top button/link'''<br> | <br>'''6. Back to top button/link'''<br> | ||
$('#top').click(function() { | $('#top').click(function() { | ||
$(document).scrollTo(0,500); } | $(document).scrollTo(0,500); } | ||
<br> | <br> |
Revision as of 06:30, 4 May 2010
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); }