jquery (7) 썸네일형 리스트형 자주 쓰는 jquery 잘 정리해놓은 깃헙 사이트 인용합니다. https://github.com/demun/FrontEndStudy/blob/master/document/Jquery/docs/01_00_jquery_%EA%B8%B0%EC%B4%88%EB%AC%B8%EC%84%9C.md jQuery 선택자 선택자명설명 $('tag') Tag라는 이름의 모든 태그 요소를 선택 $(‘.class’) class라는 클래스명의 모든 클래스 요소를 선택 $(‘#id’) id라는 아이디명의 아이디 요소를 선택 $(‘div li’) div에 있는 li 모두 선택 $(‘div > p’) div의 p태그라는 직계 자식을 선택 $(this) 현재 선택 중인 요소를 가리킴 jQuery 메소드 메소드명설명 eq(n) n번째에 위치하는 요소를 선택. .. jQuery 플러그인 1 - 기본적인 플러그인 만들기 출처: https://offbyone.tistory.com/129?category=283347 [쉬고 싶은 개발자] jQuery 플러그인은 jQuery의 프로토타입 객체를 확장하는 새로운 메소드를 추가하는 것입니다. 우리가 새로 추가한 기능은 jQuery의 모든 기능을 상속 받아 바로 사용할 수 있습니다. jQuery에 기능을 추가한다는 개념이지만, 우리가 사용할 때는 jQuery의 기능을 모두 사용할 수 있는 우리의 기능을 만든다고 생각하면 되겠습니다. 물론 jQuery 플러그인으로 기능을 만들지 않고 직접 기능을 수행하는 클래스를 만들고, 필요한 곳에 jQuery를 사용하도록 하는 방법도 있습니다. 어떤 방법으로 만들지는 자신의 선택이겠습니다. 자신이 편리한 방법으로 만들면 될 것 같습니다. 필요에 .. jQuery: data() 이해와 활용 jQuery의 data()의 저장 방법 위와 같이 형태로 data를 엘리먼트에 저장할 수 있습니다.* 추가적으로 HTML5에서는 HTML 엘리먼트에 data-*형식을 이용하여 미리 데이터를 저장할 수 있습니다. 이 방법은 jQuery의 data()를 이용해 저장한 것과 동일한 효과를 나타낼 수 있습니다.사실 HTML5의 data-*가 나오기 전에는 개발자들마다 가지각색으로 HTML 엘리먼트에 허용되지 않는 속성(임의의 Attr속성)을 추가하여 사용했기 때문에 유지보수 측면이나 해석할때 매우 난해하고 지저분한 HTML이 많았습니다. 하지만 HTML5로 넘어오면서 data-* 속성이 표준화가 되면서 이전의 문제점들이 해결되었습니다. .data()가 저장되는 방식 [ case 2. 데이터 읽기 ]문법 : $(.. datepicker 에서 달력이 다른 레이어에 가려질때 (출처 : http://son10001.blogspot.kr/2014/10/jquery-datepicker.html ) 요즘은 jQuery 가 많이 사용되다 보니, 예전같으면 만드느라 꽤나 고생했을 달력 같은 기능들을 아주 손쉽게 달수 있어 편리하다. 하지만, 역시 완벽한 것은 없어서, datepicker 를 쓰다보면 다른 레이어 밑으로 숨어버려 곤란 할때가 있다. 바로 아래 이미지와 같은 경우인데, 텍스트 박스에 datepicker 를 달아 놓아서 해당 텍스트 박스를 클릭하면 바로아래에 달력이 나오도록 한 것인데, 그 아랬쪽에 달아 놓은 웹 에디터에 있는 체크 박스와 겹쳐지면서, 그 체크 박스가 달력 위로 나타난다. 물론 다른 아이콘이 있을 경우에는 그 아이콘들도 달력위로 불쑥 솟아나 나온다. 지금 이.. JQuery Callback function -1 This is a bold paragraph.This is another bold paragraph. Show Old/New TextShow Old/New HTML jQuery를 시작하자 ● JQuery란? - 엘리먼트를 선택하는 강력한 방법과 - 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 - 자바스크립트 라이브러리 = > 1. 자바스크립트 요소 중 DOM 부분을 좀 더 쉽게 사용하게 해 주는 라이브러리 2. 기존 자바스크립트에 비해 생산성이 월등히 높다 - 자바스크립트 코딩 3~40 줄, 제이쿼리는 4줄이면 가능! ● 기본 문법 $(제어대상).method()1.method()2 주어 서술어 [출처] 개발이 하고 싶어요 블로그 [jQuery] jQuery를 시작하자 (1) jQuery 란? jQuery(제이쿼리)는 브라우저 호환성이 있는 HTML 속 자바스크립트 라이브러리이며 클라이언트 사이드 스크립트 언어를 단순화 할 수 있도록 설계되었다. 존 레식이 2006.. [javascript] uncaught referenceerror is not defined 수정 페이지 작업을 하고 있었습니다. 다음과 같은 소스르 이용하여 저장하기 버튼에 연결시켜 주었습니다.컨트롤러 파일도 수정을 하여서 클린 후, 서버를 재시작하였는데요. 저장하기 버튼이 눌러지지가 않네요... 크롬 개발자 도구를 통해서 에러 내용을 확인하여 보니,Uncaught referenceerror ComSubmit is not defined에러가 확인되었습니다. 그런데 이상한 건 다른 페이지에서도 유사한 함수를 사용하였는데, 유독 여기서만 에러가 발생하는 것이었습니다. 구글링을 하여 보니, 에러 원인은 2가지로 압축되었습니다.1. jQuery와 자바 스크립트를 동시에 사용하는 경우 jQuery를 먼저 임포트 해야 한다.2. 형식으로 태그를 사용하여야만 한다. 로 축약시 문제가 발생한다. 두 조건을 .. 이전 1 다음