Web/jquery
[제이쿼리] iframe에서 부모 접근 컨트롤
1. iframe 부모창에 .background_layer 활성화$('.background_layer', parent.document).show(); 2. iframe 부모창의 다른 아이프레임 컨트롤$("#id", parent.frames['frameid'].document); 3. iframe 부모창의 높이값 구하기$(parent.window).height(); //브라우저의 뷰포트의 높이 반환$(parent.document).height(); //HTML의 높이를 반환 4. iframe 부모창 스크롤바 이동var position=$("#pre_userdb",parent.document).offset();$('html, body', window.parent.document).animate({scroll..
[제이쿼리] fading / sliding / this
fading .fadeIn().fadeOut().fadeTo() - 투명도를 조절하여 움직임을 만들어 내는 함수.fadeToggle() - 투명도를 조정하여 움직임을 만들어 냅니다. 보이는 요소에 이 함수를 사용하면 투명도가 0으로 수렴하고 0에 도달했을 때, display 속성을 none으로 처리합니다. 그래서 요소는 더 이상 페이지의 레이아웃 영향을 미치지 않는다.- 특수 효과(easing) : 스피드를 조작하여 특별한 효과를 나타나게 하는 함수를 의미한다. jQuery가 기본적으로 가지고 있는 easing 표현은 swing과 linear이다. 단, easing함수는 플러그인 이므로 관련된 라이브러리를 포함해야 사용이 가능하다. https://jsfiddle.net/Kimara/7g8fvugv/7/ ..
[제이쿼리] 스크롤, 위치 값 구하기
스크롤 위치 구하기.scrollLeft();.scrollTop(); 스크롤 위치 설정하기.scrollLeft(위치값);.scrollTop(위치값); 문서 크기 구하기$(document).width();$(document).height(); 전체화면 크기 구하기screen.width;screen.height; 유효한 전체 화면 크기 구하기screen.availWidth;screen.availHeight; 윈도우 기본 크기 구하기window.innerWidth;window.innerHeight; 윈도우 기본 크기 + 메뉴바 + 툴바 영역이 포함된 크기 구하기$(window).Width();$(window).Height(); 윈도우 기본 크기 + 메뉴바 + 툴바 + 스크롤바 영역이 포함된 크기 구하기windo..
[제이쿼리] 위치 및 크기 다루기
::위치 및 크기 다루기:: 1. 지역 좌표 위치 다루기 .offsetParent();- 위치(position) 요소를 기반으로 한 부모 요소를 찾습니다. 2. 지역 좌표 위치 다루기 - 부모 좌표 노드가 있을 경우 부모 좌표 노드의 - .position() 함수는 어떤 요소의 문서 상의 부모 요소를 기준으로 한 상대적인 현재 위치를 알 수 있습니다. 문서 상의 상대적인 위치를 알아내는 .offset()과는 다소 대비됩니다. 기존 요소의 근처에 새로운 요소의 좌표를 설정하기에는 .position() 함수가 더 실용적입니다. .position().left; .position().top; .css('left','위치값'); .css('top','위치값'); .css({left:위치값, top:위치값}); h..
[제이쿼리] jQuery UI slider
http://api.jqueryui.com/slider/ http://simeydotme.github.io/jQuery-ui-Slider-Pips/ https://jqueryui.com/resources/demos/slider/range.html
[제이쿼리] .on() / .off() / .one()
::이벤트다루기:: 일반 이벤트 등록 : $대상.on('이벤트이름', 이벤트리스너) 선택된 요소에 하나 이상의 이벤트들을 붙여줍니다.이벤트 핸들러는 현재 선택된 요소들에만 바인딩됩니다. 그 요소들은 페이지에 반드시 존재해야 .on()함수로 호출할 수 있습니다. 기본행동취소 : 이벤트객체.preventDefault()버블링 멈추기 : 이벤트객체.stopPropagation()단축 이벤트 등록 : $대상.단축이벤트(이벤트리스너) https://jsfiddle.net/Kimara/p0cjwLtc/6/ 등록한 이벤트 제거 : .off() 함수는 .on()함수에 의해 바인딩 된 이벤트 핸들러를 제거합니다. 1) $대상.off('click',삭제하고싶은 이벤트 리스너 명) 2) $대상.off('click') 3) ..
[제이쿼리] .attr() / .data()
::속성 다루기:: 1) 속성 값 구하기.attr( 속성이름 ).data( data-속성이름 ) 2) 속성 값 설정하기.attr( 속성이름 , 값 ).data( data-속성이름 , 값 ) .attr() 1) .attr(attributeName) : 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환한다. .attr() 함수는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수입니다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, jQuery의 .each()함수나 .map()함수를 사용해야 합니다. .attr() 함수는 속성값을 가져오지 못하면 undefineded를 반환합니다. https://jsfiddle.net/Kimara/bqf..
[제이쿼리] .attr() .addClass() .removeClass()
.attr() 1) .attr(attributeName) : 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환한다. .attr() 함수는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수입니다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, jQuery의 .each()함수나 .map()함수를 사용해야 합니다. .attr() 함수는 속성값을 가져오지 못하면 undefineded를 반환합니다. https://jsfiddle.net/Kimara/bqfw6u89/1/ 2) .attr( attributeName(속성명), value(속성값)) : 선택자에 의해 선택된 요소에 하나 이상의 속성을 부여할 수 있습니다. https://jsfidd..
[제이쿼리] .prepend() .prependTo() .append() .appendTo() .InsertAfter() .after() .InsertBefore() .before()
.prepend() / .prependTo() / .append() / .appendTo() 일치하는 요소 집합의 각 요소의 시작 부분에 매개 변수에 의해 지정된 내용을 삽입합니다. .prepend() 함수는 jQuery집합체 안에 있는 각 요소의 첫번째 자식 요소에 값을 삽입합니다..prepend()와 .pependTo() 함수의 기능은 동일합니다. 가장 큰 차이점은 문법의 차이입니다. .prepend()는, 함수 앞에 선택자 표현을 하고 선택된 요소에 함수의 인자인 내용이 삽입됩니다. 반면, .prependTo()는, 함수의 인자로 선택자가 전달되어 요소를 선택한 후 함수 앞이 내용이 삽입됩니다. .append() 함수는 jQuery 집합의 각 요소별로 마지막 자식 요소를 추가해주는 함수입니다..ap..