본문 바로가기

카테고리 없음

23-11-15-Wen-Web🍠

🍠


🍠 수요일

주석으로 글을 정리하고 코드를 짜면 오류가 적고 코드도 간결하다

ex) //버튼을 클릭 했을 때  body 배경색 변경

자바에도 도움이 된다.

 

.active

$("").addClass("");

C 대문자 유의

 

$("button").addClass("active");  

// addClass -> 클래스를 html 태그에 강제로 추가하는 이벤트이다.
// C는 대문자로 작성 해줘야 한다.
// 추가할 클래스는 .을 제외하고 작성해야한다.

 

1. 버튼 만들기

2. css  button.active 에 꾸미기 요소 추가

3. 버튼이 클릭 되어야 하니 $("button").click( ); 생성

4. $("button").addClass("active") 생성 

=> 클래스를 html 태그에 강제로 추가

문제=>> .active가 버튼을 누르지 않았는데도 발동 됨

5. $("button").addClass("active") 를 함수 안에 집어넣기

=> function() {} 빈 함수 안에 넣기

6. $("button").click(function () {
  $("button").addClass("active");  
});

=> 함수 통째로 click() 괄호 안에 넣기

 

$(".b1").click(function () {
  $("body").addClass("b1-add");  
});

function 안에 식에 주목

왼쪽은 클래스가 적용될 부분

오른쪽은 적용하는 것