<< Get Querystring with JavaScript - Parse/Get QueryString with Client-Side JavaScript | Disabling Right Click (context menu) with jQuery >>

September 09, 2009 by blogging developer

Hot Tip #1: Access Elements by Javascript Array Indexing

Application of a selector creates a Javascript array which can be used for accessing DOM elements with array index easily.

For Example:

var element = $("img")[2];

will set the variable element to the second <img> element in the matched set of document's all <img> elements.

Hot Tip #2: Create Union of Elements with Multiple Selectors

Union of multiple selectors can be created by listing selectors separated by commas 'n a s'ngle call to $()

For Example:

$("img,p")

will match all <img> and <p> elements, while the following matches all <div> elements with a title attribute and all <img> elements with alt attributes.

$("div[title],img[alt]")

Hot Tip #3: Be Careful with not() and remove() methods!

.not() method removes elements from the matched set while the .remove() method removes the elements in the matched set from the HTML DOM.

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 5.0 by 3 people

Currently 5/5 Stars.
1
2
3
4
5

Tag : jQuery, selectors, examples

Categories : All | jQuery | Online Services | Tips

Actions : E-mail | Permalink | Comments(11) | Comment RSS

How to Add Functional Tooltips to your Form Elements Easily - Embedding jQuery Tooltips in Form Fields

I believe that tooltips are one of the most important and useful Javascript widgets on the web. Many libraries and plug-in are available for jQuery that enable easy implementation of tool tips: qTip, SimpleTip, jQuery Tooltip, EZPZ Tooltip, jQuery Inpu Floating Hing Box, HTML ToolTip, Orbital Toolti...

8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Should Know

jQuery is one of the most popular Javascript library. It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out. They are making the creation of dynamic effects and web controls easier. jQuery has become one of the most used JavaScript libraries today an...

jQuery Datepicker Plugin - Highly Configurable Datepicker from jQuery UI

The jQuery UI Datepicker is a highly configurable jQuery datepicker plugin. The date format and language can be formatted, the selectable date ranges can be restricted and optional buttons and other navigation options can be added easily.

Comments

September 24. 2009 11:52

Pingback from technosiastic.wordpress.com

Collection of top jQuery tutorials, tips-tricks & techniques to improve performance « Technosiastic!

technosiastic.wordpress.com | Reply

September 24. 2009 12:26

Nice ones mate. I have also linked to yours from my blog post below where I am trying to collect the most useful and common jQuery code snippets for JavaScript over the web. Here is the title and the link to the jQuery link compilation endeavor:

Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance

technosiastic.wordpress.com/.../

Shahriar Hyder | Reply

September 24. 2009 13:01

Thanks Shahriar, I've also cheked your post. Great compliation.

Blogging Developer | Reply

October 22. 2009 18:40

Social comments and analytics for this post

This post was mentioned on Twitter by bloggingdev: Top 3 jQuery Tips for Beginners - http://su.pr/15mMx4

uberVU - social comments | Reply

November 5. 2009 17:28

I don't usually reply on articles I read but I have to say this was just great. Keep up the good work.

PaydayLoans | Reply

November 6. 2009 09:39

Great beginner tips, but I thought it was worth noting that $("img")[2] actually returns the 3rd img element in the document, since it's a zero based index.

Wes | Reply

December 7. 2009 14:51

Pingback from lrodrigues.com

Tutoriais, artigos e referÃªncias 06/12 | Leandro Rodrigues

lrodrigues.com | Reply

December 12. 2009 13:35

Pingback from jquery.wisdomplug.com

Top 3 jQuery Tips for Beginners | jQuery Wisdom

jquery.wisdomplug.com | Reply

December 24. 2009 12:52

Good tips!

SMiGL | Reply

January 18. 2010 16:19

Pingback from jesusherman.com

Monday Reads - Web design and development resources for Monday | Jesus Herman - London and Barcelona based web designer and developer

jesusherman.com | Reply

March 15. 2010 14:57

Speak when you're angry, and you'll make the best speech you'll ever regret.

cash loans | Reply