[jquery] jquery로 div에서 스타일 속성 추가 및 제거

작업중인 프로젝트를 상속했고 일부 jquery 애니메이션을 업데이트하고 있습니다 (jquery로 거의 연습하지 않음).

스타일 속성을 추가하고 제거해야하는 div가 있습니다. 다음은 div입니다.

<div id='voltaic_holder'>

애니메이션의 한 지점에서 스타일을 추가해야합니다.

<div id='voltaic_holder' style='position:absolute;top:-75px'>

나는 주변을 수색하고 .removeAttr()방법을 찾았 지만 그것을 추가하는 방법이나 심지어는 그것의 원격 부분을 볼 수 없습니다 (상단 : -75px 만 해당).

감사,



답변

다음 중 하나를 수행 할 수 있습니다.

각 스타일 속성을 개별적으로 설정합니다.

$("#voltaic_holder").css("position", "relative");

한 번에 여러 스타일 속성 설정 :

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

특정 스타일 제거 :

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

전체 스타일 속성을 제거하십시오.

$("#voltaic_holder").removeAttr("style")


답변

voltaic_holder범위 의 스타일 속성을 완전히 제거하려면 다음을 수행하십시오.

$("#voltaic_holder").removeAttr("style");

속성을 추가하려면 다음을 수행하십시오.

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

상단 스타일 만 제거하려면 다음과 같이하십시오.

$("#voltaic_holder").css("top", "");


답변

jQuery를 사용하는 경우 CSS 를 사용하여 CSS 를 추가하십시오.

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

CSS 속성을 제거하려면

$("#voltaic_holder").css({'position': '',
    'top': ''});


답변

이를 처리하는 쉬운 방법 (그리고 가장 좋은 HTML 솔루션)은 사용하려는 스타일을 가진 클래스를 설정하는 것입니다. 그런 다음 addClass ()removeClass () 또는 toggleClass () 를 사용하는 간단한 문제입니다 .

$('#voltaic_holder').addClass('shiny').removeClass('dull');

또는

$('#voltaic_holder').toggleClass('shiny dull');


답변


답변

jQuery 의 .css 메소드의 경우 ! important 규칙이 적용되지 않습니다.

이 경우 .attr 함수를 사용해야 합니다.

예 : 아래와 같이 스타일을 추가하려면 :

<div id='voltaic_holder' style='position:absolute;top:-75px !important'>

다음을 사용해야합니다.

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

도움이되기를 바랍니다.


답변

J 쿼리를 사용하여 div에서 스타일 속성을 제거합니다.

$("#TableDiv").removeAttr("style");

J 쿼리를 사용하여 div에 스타일 추가 :

$("#TableDiv").attr("style", "display: none;");

html을 사용하여 스타일 추가 :

<div class="row" id="TableDiv" style="display: none;">
</div>

도움이 되길 바랍니다 🙂