jquery를 사용하여 div에서 스타일 속성 추가 및 제거

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': ''});

이를 처리하는 가장 쉬운 방법은 사용할 스타일을 가진 클래스를 설정하는 것입니다.그런 다음 addClass()와 removeClass()를 사용하거나 Class()를 토글하는 간단한 문제입니다.

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

아니 심지어는

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

jQuery for!important 규칙에서 .css 메서드가 적용되지 않는 경우.

이 경우 .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>

도움이 되길 바랍니다 :)

정답은 여기에 있습니다.jQuery를 사용하여 텍스트 정렬 스타일을 동적으로 추가하는 방법

언급URL : https://stackoverflow.com/questions/5394951/adding-and-removing-style-attribute-from-div-with-jquery