Rainbow

기본 선택자 태그 선택자 $("p") 기본 태그를 선택합니다. 클래스 선택자 $(".class") 클래스 태그를 선택합니다. 아이디 선택자 $("#id") 아이디 태그를 선택합니다. 그룹 선택자 $("p, .class, #id") 여러가지 태그를 선택합니다. 전체 선택자 $("*") 전체 태그를 선택합니다. 속성 선택 - 태그의 속성을 사용하여 선택하는 방법입니다. [name|="value"] $("li a[href|='web']") 속성 중에 'web'과 같은 속성 값을 선택합니다. [name*="value"] $("li a[href*='web']") 속성 중에 'web'가 포함되어 있는 태그를 선택합니다. [name~="value"] $("li a[href~='web']") 속성 중에 'web'으로 ..

webclub.tistory.com/407 선택자 우선순위 & 기타 팁 CSS competing rule(경쟁 규칙) 한 요소에 같은 CSS 규칙을 여러 번 지정할 수 있습니다. 이 글에서는 이를 "경쟁 규칙"이라고 부르겠습니다. 브라우저는 우선순위에 의해 경쟁 규칙 중에서 어느 규칙을 webclub.tistory.com CSS 선택자 우선순위 특정 태그에 스타일 속성이 중복될 경우, 어떤 속성이 적용될까? CSS 선택자 우선순위에 대해 알아보자. - 1순위. 속성 값 뒤에 !important를 붙인 속성 - 2순위. HTML에서 style을 지정한 속성 - 3순위. id로 지정된 속성 - 4순위. class로 지정된 속성 - 5순위. 태그 이름으로 지정된 속성 - 6순위. 상위 객체에 상속된 속성 예시..

브라우저 객체 모델 이란? - 웹 브라우저 전체를 객체로 관리 하는 것입니다. - window객체 창이 만들어지고 - 하위 객체는 웹 문서와 주소 표시줄 처럼 각각 또 다른 하위 객체를 가지고 있습니다. 브라우저 내장 객체 - window : 브라우저 창안에 존재 하는 최상위 객체 - document : 웹 문서의 정보를 가지고 있습니다. - History : 사용자가 창에서 방문 기록을 저장 하고 있는 객체 - Location : 페이지에 대한 URL정보를 가지고 있는 객체 - Navigator : 웹 브라우저 정보를 가지고 있는 객체 - Screen : 화면 정보를 다루는 객체 window객체의 속성 inner Width/inner height : 웹 사이트 내용 부분의 너비와 높이를 나타낸다. ou..

id값이나 class 값을 사용해 폼 요소에 접근하기 -id값을 사용할 때는 폼 요소 하나에만 접근하고 -class값을 사용할 때는 여러 요소를 가져와 배열 형태로 저장 ex)예시문 id값 billingName인 요소를 찾아 소스를 표시할 것이다. document.querySelecter("#billingName") 텍스트 필드에 있는 값을 가져오기 위해서 텍스트 필드에 접근하는 소스 뒤에 value값을 붙여 쓴다. ex) document.querySelecter("#billingName").value = "한라산" name값을 사용해 폼 요소에 접근하기 - 폼 요소를 구별하고 접근할 수 있도록 HTML 초기부터 사용하던 방법 - form의 name값 부터 폼 요소의 name값까지 하나씩 지정한다. ex..

문서 객체 모델 정의 - Document Object Model을 줄여 DOM으로 표기 합니다. - 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해서 해석 해주는 방법 DOM을 사용하지 않고 상세 설명 가리기 ex) 상세설명 2차 세계대전 이후 설립된 개뎁 농장은 유기농 인증 농장으로 여성의 고용 창출과 지역사회 발전에 기여 하며 3대째 이어져 내려오는 오랜 역사를 가진 농장입니다. 게뎁 농장은 SCAA 인증을 받은 커피 품질관리 실험실을 갗추고 있어 철저한 관리를 통해 스페셜티 커피를 생산 합니다. = 상세 설명을 가릴 수 있다 DOM을 사용하여 상세 설명 가리기 ex)예시문 document.querySelecter("#detail h3").style.visibility ..

자바스크립트에서는 여러 개의 항목을 하나의 변수에 저장 한다. Arry 객체로 배열 만들기 자바스크립트 안에는 배열을 쉽게 만들고 다룰수 있게 미리 Arry객체가 만들어져 있습니다. Arry 객체를 사용해 인스턴스를 만든다. var myArry =new Arry( ); // Arry 객체 인스턴스를 만든다 var numbers =["one", "two", "three", "four"]; //리터럴을 사용한 배열 var numbers=new Arry("one", "two", "three", "four"); //Arry 객체를 사용한 배열 배열에서 for문 사용하기 - for문을 처음 요소부터 끝나는 요소까지 반복 합니다. - 배열에 몇 개의 요소가 있는지 확인 하려면 Arry객체의 length속성을 사용합..