jQuery tips and tricks

In this article you will learn about few jQuery tips and tricks of interesting. Until you practice, you will not be able to be master of jQuery.

jQuery tips:

To check if checkbox is checked:

 if ($("#checkID").is(':checked')) {
 ...
 }

or

 if ($('#checkID').attr('checked')) {
 ...
 }

Check whether an element exists or not:

 if ($("#myDIV").length)
 {
 ...
 }

Block mouse right click:

 $(document).bind("contextmenu", function(e) {
 return false;
 });

Whether an element is visible or not:

 $("#myDIV").is(":visible");

To get the size of the element:

 $('element').length

Scroll the page to the div ID:

 $(document).scrollTop($('#myDIV').offset().top);

Replace an element by another:

 $("#oldID").replaceWith("<span>New content goes here...</span>");

Find an element by CSS class:

 $('body').find('.myclass');

Document.ready:

 $(document).ready(function() {
 ....
 });

Window resize:

 $(window).resize(function(){
 ...
 });

Find an element by attribute:

 $('#myDIV').find('span[class="sp"]').hide();

Jacob Frazier

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.

You may like:  Avoid jQuery conflicts with other libraries