jQuery의 요소 없이 외부 스타일시트에서 CSS 값을 검색하는 방법은 무엇입니까?

Javascript/jQuery를 사용하여 외부 스타일시트에서 CSS 값 검색

웹 개발의 일반적인 작업 중 하나는 외부 CSS 파일의 값에 액세스하는 것입니다. jQuery 메서드 $('element').css('property')는 기존 요소에 대해 계산된 스타일을 검색할 수 있지만 대상 요소가 아직 동적으로 생성되지 않은 경우에는 어려워집니다.

있습니까? 대안이 있나요?

다행히 jQuery를 사용하면 실제 요소에 의존하지 않고 CSS 값을 가져오는 영리한 트릭을 활용할 수 있습니다. 솔루션을 살펴보겠습니다.

jQuery 솔루션:

다음 단계를 사용하여 대상 요소의 숨겨진 복사본을 만들 수 있습니다.

1. 다음을 사용하여 자리표시자 요소를 만듭니다. jQuery:

   var $p = $("<p></p>").hide().appendTo("body");

2. 표준 'css()' 함수를 사용하여 CSS 값에 액세스합니다.

   console.log($p.css("color"));

3. 숨겨진 요소 제거 검색한 후 값:

   $p.remove();

예:

다음 CSS 및 HTML을 고려하세요.

p { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

jQuery 솔루션을 사용하면 '색상'을 검색할 수 있습니다. value:

(function() {
    var $p = $("<p></p>").hide().appendTo("body");
    console.log($p.css("color"));
    $p.remove();
})();

이 트릭을 사용하면 페이지의 대상 요소에 의존하지 않고 CSS 값을 얻을 수 있으므로 동적으로 생성된 콘텐츠에 유용한 기술이 됩니다.

위 내용은 jQuery의 요소 없이 외부 스타일시트에서 CSS 값을 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!