jQuery의 속성 및 스타일 삭제 스타일.removeClass()
.removeClass() 메서드
.removeClass ([className]): 일치하는 요소마다 하나 이상의 스타일 이름을 공백으로 구분합니다.removeClass (function (index,class): 제거될 스타일 이름 주의사항을 되돌려주는 함수
스타일 클래스 이름이 매개 변수라면, 일치하는 요소 집합에서 스타일 클래스만 삭제됩니다.매개변수로 스타일 이름이 없으면 모든 스타일 클래스가 제거됩니다.
<style>
.left,
.right {
width: 300px;
height: 120px;
}
.left div,
.right div {
width: 100px;
height: 90px;
padding: 5px;
margin: 5px;
float: left;
border: 1px solid #ccc;
}
.newClass{
background: #bbffaa;
}
.imoocClass{
background: red;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"/>
</code></pre>
<pre><code><h2>.removeClass() </h2>
<div class="left">
<div class="aaron newClass">
<p>newClass</p>
</div>
<div class="aaron newClass">
<p>newClass</p>
</div>
</div>
<div class="right">
<div class="aa bb imoocClass">
<article>
<p>imoocClass</p>
</article>
</div>
<div>
<article>
<p>imoocClass</p>
</article>
</div>
</div>
<script type="text/javascript">
//class=left div newClass
$('.left div').removeClass('newClass')
</script>
<script type="text/javascript">
//.removeClass() ，
$('.right > div:first').removeClass(function(index,className){
//className = aa bb imoocClass
// div className div class
$(this).next().addClass(className)
// imoocClass
return 'imoocClass'
})
</script>
</code></pre>
</article>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
