일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Stock ipo
- 맥
- Stock
- 코드이그나이터
- 공모주 청약 일정
- css
- 주식 청약
- Eclipse
- 오라클
- html
- 7월 공모주 청약 일정
- 리눅스
- 주식 청약 일정
- JSTL
- java
- jquery
- 자바
- Oracle
- JavaScript
- linux
- 자바스크립트
- IPO
- 공모주 청약
- codeigniter
- 공모주
- 주식
- php
- SQL
- MYSQL
- 제이쿼리
- Today
- Total
목록제이쿼리 (110)
개발자의 끄적끄적
[javascript/jquery] jquery mouseover event example / jquery 마우스오버 이벤트 예제 jquery 에서 특정영역에 마우스를 가져 갔을때 이미지를 교체한다든가 특정 문구를 노출한다든가, 알럿창을 띄우는 등 특정 액션을 취해야 하는 경우가 종종 있습니다. 그때는 아래와 같이 mouseover 이벤트를 이용하시면 됩니다! 예를들어 아래와 같이 id_div 라는 id 를 가지는 div 태그가 있다고 가정하고, 마우스를 위 div 영역으로 옮겼을때 특정 액션을 취하고 싶으면 아래 코드처럼 mouseover 이벤트를 등록하고 취하고자 하는 액션을 작성해 주시면 됩니다! $( document ).ready(function() { $("#id_div").mouseover(f..
[javascript/jquery] jquery selectbox selected text example / jquery 셀렉트 박스 선택된 옵션의 텍스트 가져오기 html 에서 selectbox 를 이용하다보면 jquery 로 셀렉트 박스의 선택된 텍스트를 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다! 우선 아래와 같이 id_select 라는 ID 를 가진 selectbox 가 있다고 가정하고, 테스트1 테스트2 위 셀레트박스의 선택된 옵션의 텍스트를 가져오려면 아래와 같이 jquery 를 사용하시면 됩니다! $("#id_select option:selected").text(); 그러면 결과는 선택된 옵션의 텍스트 값인 테스트2 가 나오게 됩니다. 테스트2 참고들 하세요!
[javascript/jquery] jquery mouse scroll event library / jquery 마우스 스크롤 이벤트 라이브러리 jquery는 라이브러리 굉장히 많습니다! 그중에서 마우스 스크롤 이벤트와 관련된 라이브러리를 공유해보고자 합니다! 바로 scrollify 입니다! 스크롤 이벤트가 발생할때마다 정해놓은 섹션으로 이동이 되는 라이브러리 입니다! 저도 사용해봤는데요. 적용이 쉽고 깔끔하게 표현되는거 같아서 공유합니다! 아래 링크 들어가셔서 데모와 예제소스 확인해보시고 적용하시면 금방하실꺼예요! jquery scrollify library site url : https://projects.lukehaas.me/scrollify/#home jQuery Scrollify - Power ..
[javascript/jquery] jquery datatable page number example / jquery datatable 페이지 번호 확인 방법 jquery datatable 을 이용하다보면 하단에 페이지 번호가 나오기는 하지만, 실제적으로 페이지 번호를 데이터로 확인해야 하는 경우가 있습니다! 그럴때는 아래와 같이 확인이 가능합니다! 우선 member_table 라는 아이디를 가진 datatable 을 mem_table 이라고 가정하고, let mem_table = $('#member_table').DataTable(); 아래와 같이 하면 page_num 이라는 변수에 페이지 번호가 담기게 됩니다! let page_num = mem_table.page.info().page; 참고들 하세요!
[javascript/jquery] jquery ui site link / jquery ui 참고 사이트 [링크] jquery 를 사용하다보면 드래그나 리사이즈 같은 이벤트를 사용해야 하는 경우가 있습니다. 그럴때는 아래 jquery ui 사이트에 가시면 도움이 되실만한 내용들과 샘플 코드들이 있습니다! 소스보시고 환경에 맞게 수정하시면 대부분 이상없이 정상동작합니다! 사이트 링크 첨부할테니 개발하실때 도움들 되셨으면 좋겠네요! 저도 수시로 저장해놓고 방문하고 있습니다! 참고들하세요! jquery ui 사이트 링크 : https://jqueryui.com/hide/ Hide | jQuery UI Hide Hide elements using custom effects. Click the button abo..
[javascript/jquery] jquery url check example / jquery 현재 url 알아내는 방법 jquery 로 현재 url 정보를 알아내는 방법입니다. $(location).attr 을 이용하는 방법입니다! 아래는 기본 사용법입니다. $(location).attr("href"); 위 내용을 console.log 로 출력해보면 현재 접속중이 url 전체가 출력될껍니다. 그밖의 다른 정보나 url 정보중 필요한 내용만 확인하고 싶으시면 attr("href") 대신 아래 옵션들을 사용해서 출력하시면 됩니다! protocol host pathname search $(location).attr("protocol") 과 같은 방식으로 사용하시면 됩니다! 참고들 하세요!
[javascript/jquery] 특정클래스명을 포함하는지 확인하는 방법 / hasClass 사용법 및 예제 jquery에서 특정타겟에 특정 클래스가 포함되어 있는지 확인해야 하는 경우가 있습니다. 그럴때 아래와 같이 hasClass 를 이용하시면 됩니다. 우선 아래와 같이 div 라는 아이디를 가지고 있는 태그가 있다고 가정하고, 위 태그가 on 이라는 클래스를 가지고 있는지 확인하고 싶으면 아래와 같이 hasClass 를 사용하면 됩니다. $('#div').hasClass('on') 위 처럼 hsdClass 결과를 출력해보면 boolean 타입으로 true/ false 가 반환됩니다 참고들 하세요!
[javascript/jquery] jquery 화면 캡처 라이브러리 사이트[링크] jquery 라이브러리들이 유용한것들이 참 많이 있는데요! 그중에서 현재 브라우저의 화면을 캡쳐하는 라이브러리가 있습니다! 저도 사이트가서 데모 실행해보고 너무 실용적일 수 있다는 생각에 공유하고자 링크 공유하고자 합니다! 아직 사용은 못해봤지만, 조만간 프로젝트에 사용해보려고 합니다! 참고들 하시구요! 아래 링크 가셔서 확인해보세요! 화면 캡쳐 라이브러리 링크 : html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the cu..