Toggle menu
862
3.8K
30.2K
279.1K
Catglobe Wiki
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

JQuery - Tips: Difference between revisions

From Catglobe Wiki
Line 13: Line 13:
<br>
<br>
<br>'''4. To show / hide element'''<br>
<br>'''4. To show / hide element'''<br>
$("a").hide();
$("a").hide();
$("a").show();
  $("a").show();
<br>'''5. Check element exists'''<br>
<br>'''5. Check element exists'''<br>
if ($("#someDiv").length) {
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 05: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);  }