Question

I am learning jQuery. If I have the following html code on my page:

<div class="transport car">
  <button type="button" class="car" >car</button>
</div>

I have the following two questions:

1. In jQuery, what does selector $('.transport.car') refers to? the whole div or the button??

2. Is $('.transport[name]') refers to the element with class ‘transport’ and MUST have name attribute?

Answer 1

In jQuery, what does selector $('.transport.car') refers to? the whole div or the button??

The div. It selects an element that has both, the transport and the car class. To select the button, you would have to add a space: $('.transport .car'). Now it is the descendant selector.

Is $('.transport[name]') refers to the element with class transport and MUST have name attribute?

Yes. But the attribute can be empty.

---

The selector syntax is basically the same as the one of CSS. jQuery just adds some custom selectors.

Btw. you can easily test this yourself.