jQuery Minute™

…a jQuery Minute™ later and you're done!

jQuery parent() vs. parents()

without comments

Welcome jQuery newbies! I’m writing a quick post here to help clarify some differences between the parent() and parents() methods.

Given the following HTML:
<html>…<body><div class=”one”><div class=”two”><p><span>Some text</span></p></div></div></body></html>

$(‘span’).parent() will select the <p> tag such that the element set in the jQuery object is [span].

$(‘span’).parents() will select all parent tags such that the element set in the jQuery object is [p, div.two, div.one, body, html].

So parent() will select the first parent element while parents() will select all elements straight up the DOM tree.

Now jQuery has some great flexibility in that you could do that following:

$(‘span’).parents().filter(‘div’) which would result in [div.two, div.one]. jQuery makes it even easier as the parent() and parents() methods support filtering built in so the above can be reduced to:

$(‘span’).parents(‘div’) giving you [div.two, div.one].

Let’s continue with one more example, let’s say that you only need the first div in the parent DOM tree, jQuery to the rescue $(‘span’).parents(‘div:eq(0)’) will give you [div.two]


Written by jdsharp

January 24th, 2008 at 10:34 am

jQuery Calculate Plugin

without comments

Dan G. Switzer, II wrote a plugin for easy calculation. It was recently brought up on the jQuery list (Google Groups | Nabble). Worth a look!


Update: Dan has posted a blog entry that covers use cases and some of it’s innner workings in more detail, again worth a look! http://blog.pengoworks.com/index.cfm/2008/1/23/jQuery-Calculation-Plugin-Making-calculating-easy

Written by jdsharp

January 23rd, 2008 at 3:07 pm

Posted in Plugin-Extension

Aspect Oriented Programming and jQuery – APO and JavaScript

without comments

This was brought up on one of the jQuery lists a little while back. A solid implementation that is lean on code. Also worth noting is that while this uses the jQuery namespace, there isn’t anything jQuery specific. Great project!


Written by jdsharp

January 18th, 2008 at 10:00 am

Performance Tuning Regular Expressions in JavaScript

without comments

Doug D started a thread on the google groups jQuery developer list about a faster trim method he ran across and how counter intuitively it was better to run two expressions rather than one. Matt Kruse then provided a link to a great article on the subject: http://blog.stevenlevithan.com/archives/faster-trim-javascript

The origional thread can be found here (I couldn’t find it at the time of the writing but I’m sure it’s there!): http://www.nabble.com/forum/Search.jtp?forum=20161&local=y&query=faster+trim 

Written by jdsharp

January 18th, 2008 at 9:55 am

Posted in JavaScript

jQuery Event Namespacing

without comments

A feature often over looked is namespacing your events in jQuery.

jQuery added in support for $(...).bind('event.namespace', fn). This is primarily useful for plugin authors who may bind numerous events to elements and want to remove only their events without needing to keep a pointer to the function they bound. So for example, you can do: $(...).bind('click.myNS', function(){...}); $(...).unbind('click.myNS'); which will unbind the click event with the ‘myNS’ name space.

For more on this read an entry over at Learning jQuery:

Happy eventing!

Written by jdsharp

January 15th, 2008 at 10:49 am

jQuery 1.2.2 Released

without comments

jQuery 1.2.2 has been released and features 150 bug fixes and improvements.


Written by jdsharp

January 15th, 2008 at 10:39 am

Posted in jQuery Core

On Holiday!

without comments

Merry Christmas to you all! I am on holiday until after New Years, so I won’t be posting any new tips!

If you have a tip or news item that you want to share on jQuery minute, please drop me a line at tip-time at the jqueryminute domain dot com.


Written by jdsharp

December 24th, 2007 at 10:55 am

Posted in jQuery Minute

Wildcard ID’s – Select by ID and Filter

without comments

Here’s a solution for selecting elements by ID and running a regex to filter the results:

$(‘*[@id]’).filter(function() {
var regex = /^regularExpressionToMatchIdsAgainst/;
return ( $(this).attr(‘id’).match(regex) !== null );

Written by jdsharp

December 21st, 2007 at 10:56 am

Posted in Code-bits

jQueryForDesigners.com Launched

without comments

Remy Sharp (no relation) has launched jQuery For Designers. Be sure to check it out and start participating!


Written by jdsharp

December 18th, 2007 at 10:28 am

jQuery 1.2.2 beta released

without comments

As from the jquery-dev google groups, jQuery 1.2.2 is in beta stage:

John Resig’s Beta Release Post
Get jQuery 1.2.2b.js

Be sure to read John’s Post about how to test and submitting bugs!

Written by jdsharp

December 17th, 2007 at 12:36 pm

Posted in jQuery Core