jQuery는 클래스 속성이없는 모든 div를 가져옵니다.

jQuery는 클래스 속성이없는 모든 div를 가져옵니다.

---

클래스 속성이있는 모든 div 가져 오기

$('div[class]')

클래스 속성이없는 모든 div 가져 오기

$('div[class!=""]')

이 코드는 작동하지만 왜 작동하는지 이해하지 못합니다. 위의 코드가 작동하면 클래스 속성이있는 모든 div의 코드는

$('div[class=""]') 

결과가 나오지 않습니다.

---

:not()의사 클래스 선택기로 시도하십시오 .

$('div:not([class])')

---

편집하다

jQuery 선택기에 대한 설명은 다음과 같습니다.

• [attribute]
  지정된 속성이있는 요소와 일치합니다.
• [attribute=value]
  지정된 속성이있는 요소를 특정 값과 일치시킵니다.
• [attribute!=value]
  지정된 속성이 없거나 지정된 속성이 있지만 특정 값이없는 요소와 일치합니다.

즉 , 빈 값으로 지정된 속성 div[class=""]이있는 모든 DIV 요소를 선택합니다 class.

그러나 마지막 선택자는 CSS 선택자가 아닌 jQuery의 독점 선택자입니다 . :not()클래스가없는 모든 DIV 요소를 선택하려면를 사용해야 합니다.

div:not([class])

---

알아 두어야 할 중요한 것은 빈 클래스 속성과 클래스 속성이 없는 요소가 있지만 선택하려면 다른 테스트가 필요하다는 것입니다.

모두 다른 작업을 수행하는 여러 테스트가 있습니다. 테스트를위한 HTML은 다음과 같습니다.

<div class="">Empty Class Attribute </div>
<div class="column">Full Class Attribute </div>
<div>No Class Attribute </div>

지금, 우리의 테스트를 실행할 수 있습니다 (첫 번째 부분은 우리가 단지 경고에 불렀다 알고하는 데 도움이되는 문자열은 그렇지 않으면 의미가 없다, 단순히) :

$(document).ready(function(e){
  // Outputs "Empty Class Attribute Full Class Attribute"
  alert( "div[class] : "     + $('div[class]').text()     );

  // Outputs "Full Class Attribute"
  alert( "div[class!=''] : " + $('div[class!=""]').text() );

  // Outputs "Empty Class Attribute" 
  alert( "div[class=''] : "  + $('div[class=""]').text()  );

  // Outputs "No class Attribute"
  alert( "div:not([class]) : " + $('div:not([class])').text()     );
});

http://jsbin.com/ijupu 를 방문하여 브라우저에서이 코드를 볼 수 있습니다.

이제이 지식으로 무장 div하여 페이지의 모든 요소를 공백 속성과 속성없이 선택하려면 다음 선택기를 사용하십시오.

$("div[class=''], div:not([class])");

---

$('div[class=""]')선택은 본질적으로 읽습니다 "그의 클래스 속성 값으로 빈 문자열을 가지고 모든 DIV 요소를 가져옵니다." -빈 문자열을 제외하고 class 속성에 임의의 값이있는 모든 div 요소와 class 속성이 전혀 설정되지 않은 모든 div 요소는 제외됩니다.

---

시험

jQuery('div[class^=""]')

또는

$('div[class^=""]')

그것은 어떤 이름의 클래스를 가진 모든 div를 얻는 것을 의미합니다.

참고 URL : https://stackoverflow.com/questions/1962247/jquery-get-all-divs-which-do-not-have-class-attribute