본문 바로가기

개발자가 좋은건가??/Javascript , jQuery

[jQuery] .text() 문자열 바꾸기 [jQuery] .text() 문자열 바꾸기 2018. 01. 26 기준 $(selector).text(content) 이 구문입니다. 해당하는 부분에 텍스트를 교체해 주는 부분입니다. 예를 들면 어떤 날짜에 문구를 교체한다던지 어떤 조건에 따라 문구를 교체할때 쓰면 좋겠죠?? 예를 한번 들어볼까요?? 123456789101112131415var now = new Date(); var todayAtMidn = new Date(now.getFullYear(), now.getMonth(), now.getDate());var specificDate = new Date("1/30/2018"); if (todayAtMidn.getTime() >= specificDate.getTime()){ $("#chgText"..
[Javascript] opener함수 정리 [Javascript] opener함수 정리 2018. 01. 18 기준 알단 팝업 띄우기 명령어를 봅시다. window.open("경로","팝업이름","옵션"); 자바스크립트에는 부모창이 있고 자식창이 있죠. 처음 이벤트를 시작하기전 보고있는 페이지가 부모창이겠죠? 그리고 새창을 띄울때 새로운 창이 자식창이 됩니다. 자식창은 종류에는 팝업도 있지만 아이프레임 기타 많은 것들이 있어요. 자식창에서 부모창을 가리키는 것이 팝업일 경우는 opener라는 객체입니다. 자바스크립트에서 다른 페이지로 보내는 함수 알고 계시죠?? location.href="경로"; 그럼 정리하자면.. 123456789//부모창에서 네이버 새창 띄우기 function goNaver() { self.close(); opener.loc..
[Javascript] 현재페이지를 알아오기 [Javascript] Javascript 현재페이지를 알아오기 2018. 01. 18 기준 자바스크립트 객체의 종류에 대해 정리했습니다. document : 현재 웹 페이지의 본문을 나타낸다. 이 객체를 사용하면 링크(link), 이미지, 앵커(anchor) 등과 같은 웹 페이지의 모든 구성요소에 접근할 수 있다. history : 웹 브라우저에서 현재 페이지를 열기 전까지의 사이트 기록을 같고있다. 이객체를 사용하면, 히스토리(history) 목록을 통해 이전 페이지 또는 다음 페이지로 이동할 수 있다. location : 현재 웹 페이지의 위치에 대한 URL, 도메인이름, 경로, 서버포트 등의 정보를 갖는다. navigator : 실제로 브라우저 자체를 가리킨다. 이 객체를 사용하면, 사용중인 브라..
[Javascript] 웹브라우저 소스막기 [Javascript] Javascript 웹브라우저 소스막기 2018. 01. 18 기준 자바스크립트의 막는 기능을 정리해봤어요. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기 12345678 oncontextmenu=return false : 마우스 오른쪽 메뉴 금지ondragstart=return false : 드래그 금지onselectstart=return false : 선택복사 금지 onkeydown="return false" 키보드 완전 금지//키보드 완전금지Colored by Color Scriptercs 마우스 오른쪽 버튼 클릭시 경고 메세지 12345678function click() { if ((event.button==2) || (event.button==2)) {alert('오른쪽 ..
[jQuery] jQuery 적용이 안될때 [jQuery] jQuery 적용이 안될때 2018. 01. 06 기준 jQuery는 자바스크립트와 마찬가지로 head태그에 선언되기 때문에, 위에서부터 순차적으로 코드를 읽어 내려가는 웹 브라우저 특성상 jQuery가 적용될 대상들(body태그)보다 먼저 실행되어 의도치 않게 적용되지 않는 경우가 종종있습니다. 12345678910111213Insert title here $("p").css("color", "red"); //태그의 글자색을 빨간색으로 변경 제이쿼리Colored by Color Scriptercs 결과값: 제이쿼리 위와같은 오류를 방지하기 위해서 자바스크립트에서의 window.onload 와 비슷한 문법이 jQuery에도 존재합니다. 12345678910111213141516171819..
[jQuery] jquery 기본문법 [jQuery] jquery 기본문법 2018.01.16 기준 javascript 와 jquery 문법을 비교하여 기본문법을 정리했어요.간단한 문법이라 보통 복사 붙여넣기로 넣긴 하지만.. ㅎㅎ 먼저 설치하는 방법부터 알아봅시다. jQuery는 다운로드하거나 구글CDN이나 마이크로소프트CDN에서 가져다 사용할 수 있다. 12345678910111213141516/*1. 다운로드는 아래 사이트에서 할 수 있다.*/http://jquery.com/download/ */2. 구글 CDN 활용*///가장 최신 버젼을 사용하고 싶으면 1.8.0 대신에 1을 쓰면 된다. 그럼 1로 시작하는 버젼중에 가장 최신 버젼을 사용할 수 있다. /*3. 마이크로 소프트 CDN 활용*///구글 또는 마이크로 소프트의 CDN을 ..