jquery로 스타일 요소를 선택할 수 있습니까?

지정된 클래스가있는 모든 요소를 선택하고 css()를 사용하여 속성을 수정할 수 있다는 것을 알고 있습니다. 하지만 스타일 시트를 직접 수정하려면 어떻게해야합니까? 나는 새로운 HTML 요소를 생성하기 위해 계산 된 너비와 높이가 정확하도록이 작업을 수행하려고합니다.jquery로 스타일 요소를 선택할 수 있습니까?

$('.box').css('width', widthValue + 'px');

이 작동 하겠지만 나는 이것은 물론, 내가 이전에 설정된 폭을 상속하지 않습니다 같은

let newBox = $('<div class="box"></div>');

..... 같은 새로운 요소를 만들 때. 그래서 궁금 해서요, 박스 클래스 스타일을 어떻게 수정합니까?

출처

2016-08-11 thomas-peter

당신의 .box 클래스에 대한 스타일을 작성, 당신은 클래스 .box 인 요소를 만들 때 그것은 당신이 어떤 특성을 가진 요소를 만들 수 있습니다

$('#btn').on('click', function(){ 
 
    var element = $('<div class="box">Second</div>'); 
 
    $('body').append(element); 
 
})

.box{ 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<body> 
 
<div class='box'>First Div</div> 
 
<button id='btn'>Create Second Div</button> 
 
</body>

출처

2016-08-11 07:49:59

그러나 너비가 계산됩니다. –

@tomwrong 계산 된 다음 css로 계산하고 추가하십시오. –

감사합니다. Suren,하지만이 사실을 잘 전달하지 못했습니다. 스타일을 수정하고 싶습니다. 나중에 수정할 수있는 여러 가지 방법을 알고 있지만 이러한 작업을 많이해야하며 더 깨끗한 방법을 찾고 있습니다. –

스타일 얻을 것이다 :

에게

$('<div>', {"class": 'box', style: "width: "+widthValue+"px"});

<div class="box" style="width: 100px"></div>과 같은 새 요소를 생성합니다.

출처

2016-08-11 07:52:07 Justinas

하지만 $ ('div class = "box"style = "width :'+ widthValue + 'px">')와 동일합니다. 고마워,하지만이게 내가 대답하는 대답이 아니야. –

@tomwrong 참조 : http://stackoverflow.com/questions/4232557/jquery-css-write-into-the-style-tag – Justinas

jquery로 스타일 요소를 선택할 수 있습니까?

답변

관련 문제