jquery 요소에 직접 설정된 CSS 스타일 검색

Question

jQuery를 사용하여 요소에 특정 스타일이 인라인으로 설정되어 있는지 확인하는 방법은 무엇입니까? 문서

<style> 
.MyClass { position: relative } 
</style> 
... 
<div class="MyClass" id="div1" style="position: absolute"/> 
<div class="MyClass" id="div2"/> 
... 
<script> 
function f() { 
    assert($('#div1').SOMETHING('position') == 'absolute'); 
    assert($('#div2').SOMETHING('position') == ''); 
} 
</script> 

I는 .CSS ('위치')를 사용하면 주어진

는 예컨대, DIV2 '는 상대적인'인 것으로보고되어있다. 어떤 스타일이 실제로 인라인으로 설정되었는지 어떻게 알 수 있습니까?

Answer 1

나는

assert($('#div2').get(0).style.position == 'relative'); 

을하고 결국 그러나 나는 그 일을 더 jQueryish 방법을 기대했다.

Answer 2

약 .attr('style')?
그리고 여기에 a link이 jQuery 문서에 있습니다.

Answer 3

당신은 사용자 정의 선택 만들 수 있습니다

$(document).ready(function(){ 
    $.extend($.expr[':'], { 
     positionAbsolute: positionAbsolute, 
    }); 
}); 

function positionAbsolute(el) { 
    return $(el).css("position").indexOf("absolute") >= 0; 
} 

을 그리고 그렇게

if ($("#MyDiv").is(":positionAbsolute")){ 
    alert("Position absolute"); 
} 

같은이 스타일이 인라인 될해야합니까 액세스? 당신이 CSS 클래스, 예를 들어,

.positionAbsolute{position: absolute} 

을에 선언하고 대신 클래스 selctor를 사용할 수있는 경우 :

if ($("#MyDiv").is(".positionAbsolute")){ 
    alert("Position absolute"); 
} 

Answer 4

그럼 그냥 .CSS 방법을 사용할 수 있습니다, 이것은 모두를 반환 해당 요소에 첨부 된 스타일.