Useful Jquery Examples

by yottafala • 16 years ago

26 11 16 years ago

simonw• 16 years ago

This is just a selective repost of some of the tips from http://www.opensourcehunter.com/2010/02/27/26-cool-and-usefu... - and they're not particularly good tips (using .html() to check if an element is empty seems pretty dodgy, for example).

axod• 16 years ago

What's wrong with using the DOM methods and properties as well? Not as sexy? :/

  if(element.childNodes.length==0)

adriand• 16 years ago

> they're not particularly good tips

I agree - not entirely sure how this climbed up so high on the front page. There are far better resources available, including the jQuery documentation itself, or http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4...

pistoriusp• 16 years ago

I've flagged a bunch of posts like this over the last week?

I think someone is trying to game the system here.

mshafrir• 16 years ago

Personally, instead of

$('#id').replaceWith('<div>I have been replaced</div>');

I prefer

$('#id').replaceWith($('<div/>').text('I have been replaced.'));

rhythmAddict• 16 years ago

I know I'm being a stickler here, but setTimeout() is conventional JS...

billybob• 16 years ago

Yep. jQuery does have .delay() now, though. You can use it like this:

$('#thing').fadeIn(300).delay(2000).fadeOut(300);

SanjayU• 16 years ago

Which is precisely the type of thing I'd think would be in the article :)

Griever• 16 years ago

As for empty elements, I believe you can always just use the :empty selector.

if($([selector]).is(":empty")) { // do stuff }

techiferous• 16 years ago

I would recommend having jQuery Cookbook on your bookshelf. It's a great resource.

figital• 16 years ago

Mike Susz's crazySquares is one of my favorite jQuery examples/tutorials: http://squaredesign.com/lab/crazy-squares/

Related Stories