jQuery에서 스타일 속성을 추가하는 우선순위 방법 공유

이 문서에서는 주로 jQuery에 스타일 속성을 추가하는 우선순위 방법을 제공합니다(권장). 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리도록 하겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

jQuery 클래스에 여러 속성 추가

$('#five .a')
.css({
  color:'blue',
  border:'2px solid green',
  background:'blue'
});

jQuer가 요소에 클래스 추가

$('#five .a')
.addClass('funny');

HTML 코드

 <style>
.funny{
  font-size: 21px;
  background-color: gray ;
  padding: 10px;
  color: yellow ;
}
 </style>
<p id="five">
  <p class="a">A</p>
</p>

jQuery 클래스에 여러 속성을 추가하면 렌더링 효과가 인라인 스타일로 나타나는 것을 확인할 수 있습니다. .

jQuer가 요소에 추가한 클래스는 인라인 스타일만큼 우선순위가 높지 않습니다.

렌더링 효과에 재미있는 background-color: grey 및 color: yellow 속성이 없음을 알 수 있습니다.

관련 권장사항

기본 JavaScript에서 다양한 CSS 스타일 속성을 얻는 방법 요약

jQuery 스타일 속성의 우선순위 수준 추가

HTML 기본(5) - CSS 스타일 시트 스타일 속성 형식 및 레이아웃

위 내용은 jQuery에서 스타일 속성을 추가하는 우선순위 방법 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!