가장 중요하면서도 뚜렷한 차이는 아래의 표로 정리가 됩니다.

먼저 id와 class 의 차이를 보겠습니다.

id와 class 는 CSS 선택자로 사용할 수 있다는 공통점이 있지만, id의 경우에는 하나의 요소(element)에만 아이덴티티를 부여할 수 있다는 특징이 있고요, class는 그런 id와 달리 여러 개의 요소에 아이덴티티를 부여할 수가 있습니다.

그 다음 id, class 와 name 간의 차이를 보겠습니다. html 태그의 id나 class 속성에 부여된 값은 CSS 파일이나

이쯤에서 ‘그렇다면 name은 왜 사용하는가?’ 하는 의문이 들 수가 있는데요. html 문서 중 name 속성에 대한 내용을 찾아보면 이러한 문구가 나옵니다.

“name 속성은 요소의 이름(역할의 의미도 있는 듯합니다)을 구체화한다. name 속성은 자바스크립트에서 요소를 참조할 수 있게 한다.”

쉽게 말해 name 속성은 요소의 역할에 대한 참조로써 지정하는 속성이며, 자바스크립트 코드에서도 참조될 수 있는 속성으로서 의미가 있는 속성이라고 할 수 있겠습니다. CSS에서는 선택자로 사용되지 않는 name이지만 자바스크립트에서는 가능한 거죠.

끝으로, 제이쿼리에서 각 속성을 선택자로 활용할 때의 예를 들어보겠습니다.

id => $(‘#아이디밸류’)

class => $(‘.클래스밸류’)

name => $(‘[name=”네임밸류”]’)

출처 : https://penguingoon.tistory.com/116