this

this 자바스크립트에서 this는 조금 특별하다. 자바스크립트는 Lexical Scope를 사용하기 때문에 함수의 상위 스코프가 정의 시점에 평가된다. 하지만 this 키워드는 바인딩이 객체가 생성되는 시점에 결정된다. this 키워드 일반 함수 호출할 땐 this가 최상위 객체 (global 또는 window)를 가리킨다. 메서드로 호출할 땐 호출된 객체를 가리킨다. new 키워드를 사용해서 객체를 생성했을 땐 객체를 가리킨다. 일반 함수에서의 this 일반 함수는 함수를 실행했을 때 this 키워드가 global object에 매핑이 된다. global object는 web에서는 window 객체다. const testFunction = function(){ return this; } console..

2023.12.27

jQuery 네비게이션1

CSS @charset "utf-8"; /* CSS Document */ /* base */ *{margin:0;padding:0} body{font-size:16px; color:#333} ul, ol{list-style:none;} a{color:inherit; text-decoration:none} .hidden{display: block; position: absolute; left: -1000%; width: 1px; height: 1px; overflow: hidden; color: #fff} .dropdownmenu{width:670px; height:50px; margin:50px auto 0; padding:50px; border:1px solid #ddd;} .dropdownmenu::..

2021.12.09

jQuery animate caption

, this .clearQueue(); CSS /* CSS Document */ *{margin:0; padding:0} /* boxgrid Jquery*/ .boxgrid{width: 287px; height: 125px; overflow: hidden; position: relative; margin:20px} .boxgrid img{position: absolute; top: 0; left: 0; border: 0;} .boxgrid dt{padding:5px 10px; color:#fff; font-weight:bold;font-family:arial; font-size:0.923em} .boxgrid dd{padding:10px 0 0 10px;color:#fff;font-size:0.846em..

2021.12.08

jQuery 간단 갤러리 index

이미지1 이미지2 이미지3 이미지4

2021.12.07

jQuery EVENT Bubbling , this

이벤트 동시에 발생 문제 (event bubbling) var header = $('h1', this).text(); var paragraph = $('p', this).text(); this키워드를 $()메소드의 두번째 매개 변수로 넣어준다. 범위를 이벤트 발생 객체로 한정한다. 이벤트 발생 객체 안에만 선택자를 적용할 수 있다. 쉽게 말해 이벤트를 제공 받은 그 해당 객체(this)의 자식 객체 선택 Header 1 Paragraph 1 Header 2 Paragraph 2 Header 3 Paragraph 3

2021.12.07