EverGiver

일반 노드 찾기 아이디 이름으로 노드 찾기 $("#아이디 이름")​ 태그 이름으로 노드 찾기 $("태그 이름")​ 클래스 이름으로 노드 찾기 $(".클래스이름")​ 속성으로 노드 찾기 $("속성옵션")​ - $("E[A]") : 속성 A를 포함한 모든 E 노드 찾기 - $("E[A=V]") : 속성 A값이 V인 모든 E 노드 찾기 - $("E[A^=V]") : 속성 A값이 V로 시작하는 모든 E 노드 찾기 - $("E[A$=V]") : 속성 A값이 V로 끝나는 모든 E 노드 찾기 - $("E[A*=V]") : 속성 A값이 V를 포함하고 있는 모든 E 노드 찾기 cf) - $('선택자').css('속성', '속성 값'); : 속성을 1개만 변경 - $('선택자').css({'속성':'속성 값', '속성':..

jQuery css 선택자를 사용하여 구동 (자바스크립트 라이브러리 파일) 자바스크립트 요소 중 '자바스크립트 DOM' 부분을 좀 더 쉽게 사용할 수 있게 도와주는 라이브러리 jQuery 라이브러리 삽입 CDN(Content Delivery Network)에 올려져 있는 jQuery 파일을 이용 - CDN : 콘텐츠를 여러 서버에 분산 배치해서 콘텐츠를 전송하는 과정에서 발생하는 트래픽 집중 & 병목 현상 및 데이터 손실을 해결하기 위한 기술 - 대표 CDN ▷구글 Ajax API CDN https://developers.google.com/speed/libraries#jquery ▷ 마이크로소프트 CDN https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min..

구조 선택자 CSS 선택자 전체 선택자 - *{margin:0;padding:0;box-sizing:border-box} 태그 선택자 - a{text-decoration:none;} id 선택자 - #header{} : 중복 사용이 불가능하다. / 주로 태그에 이름을 지정할 때 사용한다. class 선택자 - .list{} : 중복 사용이 가능하다. / 주로 스타일을 지정할 때 사용한다. 복합(다중) 선택자 - ul, ol, li{list-style:none;} - .list1, .list2{} 자식 선택자 : list의 한 단계 아래 있는 li - .list > li{} 후손 선택자 : list 안에 있는 모든 li - .list li{} ​ 형제(동위) 선택자 - div + p : div 뒤에 있는 ..