jQuery에서 class와 id의 차이점은 무엇입니까?

Question

jQuery의 클래스와 ID의 차이점은 무엇입니까? 예를 들면 :

<span class="lalal"></span> 

및

<span id="lalal"></span> 

하나가 jQuery를 함께 좋은 작품과 다른 정말 때문에

. 감사합니다. .

Answer 1

ID는 페이지에서 고유해야합니다. 동일한 ID로 여러 요소가있는 경우 jQuery는 첫 번째 ID 만 선택합니다. 그것은 이상한 행동을 설명 할 수있는 더 이상 –이 아니기 때문에 다른 사람들을 찾는 것을 귀찮게 할 필요가 없기 때문입니다.

여러 요소에 동일한 기능을 사용하려면 동일한 클래스를 지정하십시오. 특정 요소를 식별하려면 id를 지정하십시오. 이것은 jQuery에만 국한되지 않고 HTML과 CSS 전체에 적용됩니다.

Answer 2

이 구분은 실제로 jQuery 일이라고 생각하지 않습니다. jQuery는 단순히 HTML/CSS에서 선택기 구문을 "빌려"만 듭니다.

가장 큰 차이점은 고유 ID를 의미하며 클래스는 그렇지 않습니다.

이 질문에 대한 포괄적 인 답변은 this article을 참조하십시오.

Answer 3

요소는 여러 클래스를 가질 수 있으며 여러 요소가 동일한 클래스를 가질 수 있지만 하나의 요소 만 특정 ID를 가질 수 있습니다. 동일한 ID로 여러 요소를 정의하면 jQuery는 첫 번째 요소 만 반환합니다. 유효한

:

<span class="myclass myclass2 mycall3"></span> 

<span class="myclass"></span> 

<span id="myspan"></span> 

ID 그러므로, 단지 하나의 제어가 특정 ID를 가지고 있어야 특정 컨트롤을 의미합니다.

다음과 같은 경우 : 클래스 및 IDS : 당신이 이

jQuery를 처음 하나를 선택하고 Hello

사이드 노트를 반환합니다 jQuery를

$("#myspan").html(); 

사용하여 다음을 선택하면

<span id="myspan">Hello</span> 

<span id="myspan">Goodbye</span> 

jQuery와는 아무런 관련이 없으며 유효한 HTML을 사용하여 모든 작업을 수행 할 수 있습니다. jQuery와 CSS는 이러한 규칙을 사용하여 특정 요소를 선택합니다.

Answer 4

클래스와 ID는 CSS에서 가져옵니다. ID는 HTML 문서에서 고유해야합니다 ("메인 메뉴"라고 생각하십시오), 클래스는 동일한 문서 내에서 여러 번 사용할 수 있습니다. ID는 일반적으로 문서 내에서 고유 한 항목을 식별하므로 클래스가 페이지의 여러 항목에 공통된 스타일을 적용하는 데 도움이됩니다. 당신이 숨기려면

는 그래서, "녹색"클래스를 가진 모든 링크가 당신이 할 수있는 말 :

$('a.green').hide(); 

다음 "녹색"클래스를 가진 모든 링크가 숨길 것이다.당신이 ID로 특정 항목을 숨기려면 반면 (예를 들어 = "MAINMENU"> < DIV ID는) 당신이 할 것 :

$('#mainmenu').hide(); 

Answer 5

ID가 고유 (해당 유형에 관계없이 웹 페이지에 요소를 식별한다 버튼, div, 라디오 등) 클래스는 특정 유형의 요소를 식별하는 데 사용됩니다. 내가 오류가 발생한 이유를

환호