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>
<div id="five">
    <div class="a">A</div>
</div>

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

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

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

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