What is the difference between .element( and .$( with protractor? -

What is the difference between .element( and .$( with protractor? -

can explain me difference between these 2 ways of clicking protractor:

element(by.repeater('calc in calculations').row(0)).$('#copycalc').click() or element(by.repeater('calc in calculations').row(0)).element(by.css('#copycalc')).click()

quote protrator docs $:

'shortcut querying document straight css'

source $

as far understand, $('.acssclass') , element(by.css('.acssclass')) same.

source element

protractor