What does the dollar sign mean inside an attribute selector in jQuery?

jquery jquery-selectors dollar-sign
Bradley Oesch picture Bradley Oesch · Apr 11, 2013 · Viewed 7.1k times · Source

There is this jQuery which seems to look for all elements with id="scuba", but then it uses attr() to pull the id out? Could "scuba" be part of the id and attr pulls the entire id out? I've never seen the $ inside an attribute selector, just outside like the example below.

$('*[id$=scuba]').attr('id')

So my questions are:

  1. What does the $ or $= do in this example
  2. What does this code do?

Answer

Boaz picture Boaz · Apr 11, 2013

The dollar sign

The first $ is a shorthand for the jQuery() function, the jQuery object constructor.

In other words, it's a variable called $ that's been assigned a function called jQuery, as can been seen in the unminified version of the jQuery source: window.jQuery = window.$ = jQuery;

The dollar-equals sign

The second $ is part of a jQuery selector called Attribute Ends With Selector . When used in an attribute selector, $= is a logical operator that literally means "true if the left-hand value ends with the right-hand value".

What this script actually does

Overall, this snippet first selects any element with an id attribute ending in scuba. It then retrieves the id value of the first element from the resulting jQuery object.

Related questions

Set select option 'selected', by value

I have a select field with some options in it. Now I need to select one of those options with jQuery. But how can I do that when I only know the value of the option that must be selected? …

Read More
Get the value in an input text box

What are the ways to get and render an input value using jQuery? Here is one:

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More