JQuery 에서 ^= 연산자의 의미

연산자는 속성 값 이 ^=특정 값으로 시작하는 요소를 선택하기 위해 속성 값 선택기에서 사용됩니다.

 

예를 들어 다음 data-*은 값이 "hello"로 시작하는 속성이 있는 모든 요소를 ​​선택합니다.

 

$("[data-^='hello']")

 

<!-- HTML -->
<div data-greeting="hello world">Hello</div>
<div data-greeting="goodbye world">Goodbye</div>

<!-- jQuery -->
$("[data-greeting^='hello']").css("color", "red");

이렇게 하면 첫 번째 div요소가 선택되고 텍스트 색상이 빨간색으로 설정되며 두 번째 요소 div는 영향을 받지 않습니다.