Latest web development tutorials

jQuery를 얻고 CSS 클래스를 설정

jQuery를함으로써 용이 CSS 요소를 조작 할 수있다.

jQuery를 CSS 작업

jQuery를은 CSS 작업의 여러 가지 방법이 있습니다. 우리는 다음을 배울 것입니다 :

  • addClass () - 상기 선택된 요소에 하나 이상의 카테고리 추가
  • removeClass은 () - 클래스로부터 선택되는 하나 이상의 요소를 삭제
  • toggleClass () - 추가에서 선택한 요소 / 클래스 스위칭 동작을 제거
  • CSS () - 설정하거나 반환 스타일 속성

스타일 시트의 예

다음 스타일이 페이지에있는 모든 예제에 사용됩니다 :

.important
{
font-weight:bold;
font-size:xx-large;
}

.blue
{
color:blue;
}

jQuery를 addClass () 메소드

다음 예는 다른 요소에 클래스 속성을 추가하는 방법을 보여줍니다. 당신이 클래스를 추가 할 때 물론, 당신은 또한 여러 요소를 선택할 수 있습니다 :

예

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});

»시도

또한 addClass () 여러 종류의 방법으로 지정할 수 있습니다 :

예

$("button").click(function(){
$("#div1").addClass("important blue");
});

»시도

jQuery를 removeClass () 메소드

다음의 예는 다른 요소 속성 지정된 클래스를 삭제하는 방법을 보여줍니다 :

예

$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});

»시도

jQuery를 toggleClass () 메소드

다음의 예는 jQuery를 toggleClass () 메소드를 사용하는 방법을 보여줍니다. 선택된 요소가 추가 스위칭 동작에있어서 / 클래스를 제거

예

$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

»시도

의 jQuery CSS () 메소드

우리는 다음 장에서의 jQuery CSS () 메소드를 설명합니다.