목록전체 글 (91)
Rainbow
[jQuery] .offset() 선택한 요소의 위치 좌표 값(문서 기준)을 설정하거나 반환합니다. .offset() 선택한 요소의 위치 좌표 값(문서 기준)을 설정하거나 반환합니다. 문법(Syntax) $("선택자").offset(); $("선택자").offset().top; $("선택자").offset().left; $("선택자").offset({ top: "속성값", left: "속성값" }) $("선택자").offset("함수"); 정의(Definition) .offset() 메서드는 선택한 요소에 좌표 값을 가져옵니다. .offset().top 메서드는 선택한 요소에 Y축 좌표 값을 가져옵니다. .offset().left 메서드는 선택한 요소에 X축 좌표 값을 가져옵니다. .offset({ to..
www.everdevel.com/JavaScript/js-for/ everdevel 웹 입문 사이트 에버디벨 - HTML, CSS, JavaScript, jQuery, ReactJs, MySQL ,PHP를 다룹니다. www.everdevel.com
기본 선택자 태그 선택자 $("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..