정적 요소의 객체화: $("셀렉터")는 이미<body> 안에 존재하는 요소에 대한 객체화 방식이다.

동적 요소의 객체화: let 객체이름=$("<태그명>")

생성한 요소를 화면에 적용하기

  • A.html(B): A요소의 시작태그와 종료 태그 사이의 내용을 B로 대체한다.
  • remove(): 해당 요소를 삭제한다.
  • A.append(B): A에 B를 추가하다. 태그 사이의 내용을 그대로 유지하면서 B의 내용을 뒤에 추가한다.
  • B.appendTo(A): B를 A에 추가하다.

css("속성"): 속성값 읽기

css("속성","값"): 속성값 변경/ 추가

css({"속성1":"값1","속성2":"값2","속성3":"값3"): 속성값 읽기

addClass("클래스명"): 특정요소에게 CSS클래스를 적용할 겅우에 사용

removeClass("클래스명"):HTML 태그 요소에 적용된 특정 CSS클래스를 제거

ToggleClass("클래스명"):

 

 

'HTML+CSS+자바스크립트' 카테고리의 다른 글

DOM  (0) 2023.06.05
객체  (0) 2023.06.02
객체  (0) 2023.05.31
함수, 이벤트  (0) 2023.05.30
Js변수  (0) 2023.05.26

+ Recent posts