Each type of selector has a `#header.callout` is the element with both id=header and class=callout, while `#header .callout` is child with class=callout of the element with id=header. style. They are listed as follows: Core Functionality Provides the core features of the library as well as many helpful utility methods. p 0 0 1 1 But, I dont know if I blame the example or is something fishy here. tuesday,wednesday,Thursday here is a select picker Note: Seperate each class with a comma. They look nearly identical, but the top one has no space between #header and .callout while the bottom one does. All the selectors are grouped into categories. This is an unobstrusive jQuery plugin which is a drop-in replacement for the standard element with multiple attribute activated. Target an element that has all of multiple classes. class : This parameter is required to specify the html elements to be selected. It may cause problems in some browsers. jQuery selectors allow you to select and manipulate HTML element(s). jQuery Get/Set jQuery Insert jQuery Remove jQuery CSS Classes jQuery Style Properties jQuery Dimensions. This Multiple Elements selector selects the combined results of all the specified selectors E, F or G. You can specify any number of selectors to combine into a single result. Same as Chris youve got the descriptions the wrong way round.. Wow! Select by id $ className: It is the name of the class you want to add to the element. Here is the plain English of #header .callout: Select all elements with the class name callout that are decendents of the element with an ID of header. Once an element is selected then we can perform various operations on that selected element. The div id to style the container, and the multiple classes to style the li, and a tags in the menu. These custom selectors greatly enhance the capabilities selecting the HTML elements on a page. Read the article this morning. jQuery Tutorial jQuery HOME jQuery Intro jQuery Get Started jQuery Syntax jQuery Selectors jQuery Events jQuery Effects jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery Chaining jQuery HTML jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery Dimensions jQuery Traversing Only the day where we can use more than two classes ahh.. Actually we use this everyday on some old school, dynamic drop down menus. We started using a lot of these at the last job then removed them all when they werent working as expected in IE6. I believe that would be the last selector in the list, no? jQuery Selectors. attributeFilter2: Another attribute filter, reducing the selection even more attributeFilterN: As many more attribute filters as necessary Example: its great. for example the descendent Target an element that has all of multiple classes. Disclaimer: jQuery selectors arent actually unique to jQuery theyre actually CSS selectors. This Multiple Elements selector selects the combined results of all the specified selectors E, F or G. You can specify any number of selectors to combine into a single result. A simple selector is either a type selector or universal selector followed immediately by zero or more attribute selectors, ID selectors, or pseudo-classes, in any order.The simple selector matches if all of its components match. I thought it was cool, but couldnt imagine using it. For example: // Select all divs with a class of .myClass, as well as all paragraphs var selectedElements = $("div.myClass, p"); Thanks Chris I emailed you a post cast wish for more advanced selecting like this and this was exactly what I was thinking. jQuery Selectors Order by Alphabet This section contains a comprehensive list of selectors belonging to the latest jQuery JavaScript library. It selects based on the last selector in the list. Using jQuery Selector, you can target or select HTML elements based on their IDs, classes, types, attributes and much more than a DOM. After selecting the multiple elements, it applies a background color to the selected elements. Paramaters of multiple classes selector. I constantly use multiple selectors like this, especially with jQuery. selector #banner pthe values of version added: 1.0 jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" ) attributeFilter1: An attribute filter. selector types appear in one style For those who actually want to get this to work in IE6, I found this link which explains how: http://bytesizecss.com/blog/post/the-idclass-selector-in-ie6. In the interest of being DRY, how would I write the selector to insure both are selected? Pair up strings representing property names with the corresponding values. It selects based on the first selector in the list.. Most likely youll use this syntax to select an element that has multiple classes. Your valuable feedback, question, or comments about this article are always welcome. PDF - Download jQuery for free Previous Next This modified text is an extract of the original Stack Overflow Documentation created by following contributors and released under CC BY-SA 3.0 Using .addClass(), add only one class at a time to the A few of them have a class name of border, presumably these would have a border on them while the rest would not.