[Day45]
-> DOM 요소가 있을때 앞이나 뒤에 넣는 관계
-> 거꾸로 자식을 먼저 만드는 행위
-> 속성바꾸는 것 : attribute, property 메소드를 활용해서 집어넣을 수 있음
prepend 역순으로 추가하는것
append
-> 부모 밑에 자식을 만들어놓기
(table body 밑에 tr과 td를 많이 만들어놓는것)
★★★
★★★
empty 많이 씀
form 요소 : input , select가지고
(1)
(2)
타입이 text인 태그
-> 입력하거나 선택할 때 입력요소 : value속성 지원
(value 속성 활용해서 지원하기!)
★★★ value속성사용방법
-> item은 data속성이름 예시를 들은것
-> attribute로 작업 x -> 태그에서는 원래 안보임
-> #p4에있는
-> data속성값 넣고 빼고 해봄
-> data속성 키워드는 정해진 것이 없음
(우리가 알아서 정하면 됨)
*식별자 만들때 특이한 부분
*조심할 부분 중 하나
-> 값이 가져와짐
*상호변환이 가능하다
-> 데이터속성 만들때 -(하이픈) 많이 씀
-> 상호변환이 가능해서 적어보는것
-> camlecase 이름바꾸지 않고 그대로 썼음
-> 마지막 membername이 나오지 않음
data속성을 script로 작업할 때는 문제 x
attribute로 명시할때만 문제가 생김
-> 자바에서는 쓰지 않은것
(ex) pinball 게임 ; 버전업을 하려면 수정할 사람이 있어야 하는데 없어서 날라감
-> attribute로 등록했을때는 자바스크립트로 접근 가능함
data 속성 : Attribute사용
CamelCase사용하지 말기
데이터속성의 활용처
-> 보조 데이터를 데이터 속성에 넣어주기
-> script작업해서 바꿔주는건 애초에 불가능함
삭제버튼 기준으로 data 속성이 어디있는지 '찾는것'만 했음
-> 오늘은
-> each는 객체용 이랑 배열 array용으로 사용가능
jquery는 for문 each 메소드도 많이 사용
-> 반복문의 대상은 객체, 배열이 될 수 있음
1,2,3,4 순서있는 목록을 만들어서 -> ol태그써서 box1에 뿌려보기
jquery는 ajax이라는 메소드로 바꿔줌
언급안하는건 javascript에서 배웠던 내용이 전부임
-> 간단히 효과주는것 연습(css말고 메소드가 만들어져있어서 편하게 할 수 있음)
<실제로는 어떻게 닫힌걸까?>
hide가 하는일은 css임
-> css조작해주는 방식
swing : 천천히 변하다가 빨리 변한다
swing이나 linear로 지정가능한 요소가 있음
toggle(토글) : 반전
-> 열려있으면 닫고, 닫혀있으면 열기
-> switch 만드는 것
화면을 만들어야 서비스가 완성이 됨
함수안에 메소드 포함
-> 자바 : 메소드
-> 여기서는 : 함수
완전히 같다고는 못함
