본문 바로가기

jquery5

jquery replaceWith html 태그 변경 개발하다 input을 select로 서로 변환 시켜줘야 하는 상황이 발생했다. 평소처럼 둘다 만들어서 show/hide하기에는 연관되는 작업들이 많아서 다른방법이 없을까 찾아보다 replaceWith 라는 기능이 있어서 포스팅 한다. 공식 api : http://api.jquery.com/replacewith/ 사용법은 공식 api에도 잘나와 있지만 1. $(변경될 element selector).replaceWith(변경될 element html); 2. $(변경될 element selector).replaceWith(function(){ return $('',attribute) }); ex ) $('#abc').replaceWith("M"); $('#abc').replaceWith(function().. 2019. 3. 19.
jquery grep 함수 배열에 있는 원소중, 원하는 조건에 맞거나 틀린 원소만 추출하여 리턴해준다. 원본 배열은 그대로 유지시켜준다. api주소 : http://api.jquery.com/jquery.grep/ 사용법 /** jQuery.grep( array, function [, invert ] ) array : 원본 배열 function : array를 순환하며 값을 처리 할 함수 invert : 값이 없거나 false일 경우 function의 결과가 true인 원소만 리턴, true일 경우 funciton의 결과가 false인것만 리턴 */ var array = [1,2,3,4,5,6,7,8,9,10]; //ex)배열의 짝수값만 추출 var evenArray = $.grep( array, function(obj,index.. 2016. 10. 17.
간단히 만들어본 jquery plugin 간단히 만들어본 jquery plugin 일하는 사이트에서 빈번하게 날짜에 따른컨텐츠 게시, 취소 등을 요구하는데구현된 상태가 날짜별로 나오게 하려면공수가 너무 많이 들어가고, 만들기도 귀찮고, 주말에 게시물 내려야 할 일이 생길수도 있어서 생각해본 플러그인 간단하게 #html태그 에 data-start="yyyy-MM-dd", data-end ="yyyy-MM-dd HH:mm"을 추가하면 해당 날짜에 맞추어 화면에 보이고 안보임. 언젠가 유용하게 쓰일날을 기대하며..... http://parkminkyu.github.io/niee/ 2016. 1. 15.
jquery selector 응용 항상 selector사용시 class나 id, tag[attr=value]같이 단순한것만 사용하다, attribute속성이 있는것만 가져올수 없나 테스트중역시 만능 jquery...안되는건 없구만 $('[attr1]' '[attr2]') : attr1,attr2 둘중 하나만 있어도 선택$('[attr1]' && '[attr2]') : attr1,attr2 두개모두 있어야 선택 ex)htmlselector$('[data-start]''[data-end]') => [,]$('[data-start]'&&'[data-end]')=> [] data-name 속성을 사용하면 jquery에서 .data() 를 호출하면 object형식으로 값을 가져올수 있다. 위 예제를 예로 들면 $('[data-start]''[da.. 2016. 1. 14.
진행중인 개인 프로젝트 인트라넷(스케줄관리) 간단히 스프링 + mybatis + JUI + jquery fullcalendar 등등 사용해서 만든 스케줄 관리 프로그램 원래는 사내에서 인트라넷 시스템 만드려고 시작했다가 중간에 귀차니즘 때문에 멈췄는데 혼자 로컬에 올리고 스케줄 관리 용으로 괜찮은거 같아서 다시 손대는중. 혹시 소스보고 관심 있으신 분은 같이 프로젝트 참여하셔서 만드셔도 좋습니다. github 소스 주소 : https://github.com/ParkMinKyu/intranet 테스트 사이트 주소 : http://niee.kr/intranet/user/loginPage.do 테스트 계정 비번 : guest/123456 로컬 설치 방법 : http://niees.tistory.com/66 2015. 9. 5.