Che cosa significa il simbolo del dollaro all'interno di un selettore di attributo in jQuery?

Question

C'è questa jQuery che sembra cercare tutti gli elementi con id="scuba", ma poi usa attr() per estrarre l'id? Potrebbe "scuba" essere parte dell'id e attr attira l'intero id? Non ho mai visto $ all'interno di un selettore di attributi, appena fuori come nell'esempio qui sotto.

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

Quindi le mie domande sono:

1. Cosa significa il $ o $= fare in questo esempio
2. Cosa codice?

Answer 1

Il segno del dollaro

Il primo $ è una scorciatoia per la funzione jQuery(), il jQuery object constructor.

In altre parole, si tratta di una variabile chiamata $ che è stata assegnata una funzione chiamata jQuery, come si è visto nella versione unminified della fonte jQuery: window.jQuery = window.$ = jQuery;

Il dollaro-segno uguale

Il secondo $ fa parte di un selettore jQuery chiamato Attribute Ends With Selector. Se utilizzato in un selettore di attributo, $= è un operatore logico che significa letteralmente "true se il valore della mano sinistra termina con il valore di mano destra".

Che questo script in realtà fa

Nel complesso, questo frammento di prima seleziona ogni elemento con un attributo id che termina in scuba. Quindi recupera il valore id del primo elemento dall'oggetto jQuery risultante.

Answer 2

Questo codice seleziona tutti gli elementi DOM che hanno attributi id che terminano in scuba e restituisce i loro valori id.

Sono abbastanza sicuro che sia un'idea migliore includere le virgolette attorno allo scuba, comunque.