2009-03-17 5 views
4

jquery를 사용하여 CSS 스타일 시트에서 : hover를 어떻게 얻을 수 있습니까?jQuery를 사용하여 앵커의 : 호버링 CSS 스타일을 얻는 방법은 무엇입니까?

바보 예 :

a.foo { 
    color: red; 
    font-size: 11px; 
} 

a.foo:hover { 
    color: blue; 
    font-size: 12px; 
} 

가 어떻게 그 마우스 전에 색상과 글꼴 크기가 앵커를 통해 이동합니다 검색 할?

+0

가능한 복제 [CSS의 값에서 가져 오기 : (.CSS 함께 가져) - JQuery와 (http://stackoverflow.com/questions/4719421/get-the-css-value-from-를 hover-with-css-jquery) –

+0

@ZachSaucier 예.하지만이 질문은 더 오래되었으므로 다른 하나는 중복되었습니다 – apelliciari

+0

죄송합니다. [맞지 않습니다] (http://meta.stackoverflow.com/a/252017/2065702) –

답변

1

Extra selectors for jQuery을 살펴보십시오.

또한 달성 할 내용에 따라 hover 이벤트를 사용할 수 있습니다. 참조 : jQuery hover and class selector.

+0

이러한 추가 선택기는 좋지만 jQuery 1.3에서 지원됩니까? 예. hover 이벤트를 이미 사용하고 있지만 "일반적인 용도"스크립트를 만들 필요가 있습니다. 따라서 CSS 스타일 시트에서 스타일을 직접 변경하고 함수/개체에 지시 스타일을 전달하지 않아도됩니다. – apelliciari

+0

@avastreg : 나는 그 중 하나도 사용하지 않았기 때문에 전혀 작동하는지 모르겠다. =) –

1

마우스가 앵커 위로 이동하기 전에 색상 및 글꼴 크기를 검색하는 방법은 무엇입니까?

번호 당신은 의 스타일 선언을 검색 할 수 없습니다 : 해당 요소 위에 마우스를 유혹하기 전에 의사 클래스를 가져. 자바 스크립트는 DOM을 사용하여 HTML과 상호 작용할 수 있기 때문입니다. 스타일 정보 (마우스를 올린 상태 용)는 요소에 마우스를 올려 놓지 않으면 해당 값을 검색 할 수 없기 때문에 (호버 상태를 시뮬레이트하여도) DOM에서 사용할 수 없습니다.

4

정말로 필요한 경우 document.styleSheet 속성을 통해이 정보에 액세스 할 수 있습니다. 예는 여기에 있습니다 : http://jsfiddle.net/Xm2zU/1/

가 당신 대신 .hover() 기능을 사용할 수 있습니다 등 ".cssRules"

+0

동일한 출처 정책 때문에 스타일 시트가 다른 도메인에 있으면 코드가 작동하지 않는다는 점에 유의하십시오. –

0

보다는 ".rules"를 사용하기 때문에 IE가이 작업을 수행하기 위해 자신의 코드를 필요가 있습니다. 의 http://api.jquery.com/hover/

$("a.foo").hover(
    function() { 
    $(this).css('color','red'); 
    }, function() { 
    $(this).css('color','blue'); 
    } 
); 
+0

내가 무엇을 의미하는지, hover 상태를 요소에서 가져오고, 호버링을 처리하지 않으려합니다. – apelliciari