Comments on: 5 jQuery Must Have Code Snippets

By: Jayesh Lolariya

Jayesh Lolariya — Wed, 24 Aug 2011 11:22:15 +0000

That’s really nice list of snippets. While searching about more, I found a good link which has lots of jquery code snippets.

http://jquerybyexample.blogspot.com/2011/08/mostly-used-and-essential-jquery-code.html

By: Jam Ward

Jam Ward — Wed, 10 Aug 2011 18:15:06 +0000

Some great examples here. I especially like the first example. Thanks!

By: Steve Melcher

Steve Melcher — Tue, 26 Jul 2011 20:38:32 +0000

For your “Back to Top” link, I recommend the following change, to prevent getting a hash (#) added to the URL:

$(document).ready(function(){
$(‘.top’).click(function(e) {
e.preventDefault();
$(document).scrollTo(0,500);
});
});

By: Web Design Texas

Web Design Texas — Sun, 16 Jan 2011 09:06:06 +0000

jQuery is officially legit. Bad freaking ass.

By: Va Infotech

Va Infotech — Thu, 09 Sep 2010 14:57:41 +0000

cool j Query

thanks

By: Phil

Phil — Tue, 03 Aug 2010 17:51:47 +0000

Some great tips and techniques on here. Although the “Linkable Div’s” just seems like bad etiquette. If you want a div to be clickable you should do yourself a favour and wrap it in an anchor, this is much simpler, not to mention your SEO will benefit from it.

By: Yo

Yo — Tue, 27 Jul 2010 22:33:20 +0000

Example 5 could be written like this:

//On Hover
$(‘.onhover’).mouseenter(function(){ $(this).toggleClass(‘hover_style_class’)
})

By: Justin

Justin — Fri, 09 Jul 2010 08:28:53 +0000

Thanks for the great replies guys,

We appreciate it a lot! Keep checking back for more related tutorials! Remember to follow us on twitter as well, we update our newest tutorials on there.

- Justin (ALoveForDesign)
http://www.twitter./alovefordesign

By: web design india

web design india — Fri, 09 Jul 2010 08:10:21 +0000

Thanks for u r information

its very useful

By: Michael Gilley

Michael Gilley — Sun, 04 Jul 2010 00:11:21 +0000

Good beginner code. I think a couple could be better written though to account for end user preferences.

For example, in example 1 if the user had specified in his/her browser prefs that all links should open in a new tab or window this code would be in violation of that accessibility since it forces the link to open in the same window (redirect). Instead, the developer should rely on the browser’s native use of anchor events. Thus, the following would be better:

$(function() {
$(‘#clickablebox’).click(function() {
$(this).find(‘a’).click();
});
});

(Note, there is no need to return false the div click event since there is no native behavior defined for this element.)

Likewise, for #3 it is a better practice to use positioned label tags for placeholders so screen readers can better read your forms. On focus the label simply disappears. Read this article for more info: http://www.alistapart.com/articles/makingcompactformsmoreaccessible.

Good start!