shaking blog

jquery 검색 결과

해당 글 36건

[jQuery] 중복되는 배열 요소 제거

배열 요소 중 중복되는 값들은 제거하고 유니크한 값들만 배열에 넣는 방법 중 하나. var valueArr = ["a","b","c","d","a","e","f"]; var resultArr = []; $.each(valueArr function(key, value){ if($.inArray(value, resultArr) === -1) resultArr.push(value); }); 참고사이트 : http://programmingsummaries.tistory.com/347http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript-array/15868720#15868720http://api.jquery.com/jquery.u..

Helloworld!/Javascript & jQuery 2016. 8. 18. 12:26

[jQuery] input 박스에 maxlength 만큼 입력했을 때 자동으로 다음 박스로 이동하기

$(".inputs").keyup(function () { if (this.value.length == this.maxLength) { $(this).next('.inputs').focus(); } }); 참고사이트 : http://stackoverflow.com/questions/23888537/auto-tab-to-next-input-field-when-fill-4-characters

Helloworld!/Javascript & jQuery 2016. 7. 13. 14:27

[jQuery] DOM 객체에 동적으로 추가 시 이벤트 핸들러 적용하는 방법

on 함수에 대해 전에 블로그에 써놓고 또 까먹어서 찾아보다가 한번 더 정리한다. 작업을 하다보면 자바스크립트(또는 jQuery)로 HTML을 추가하는 경우가 생긴다. 하지만, 자바스크립트로 HTML DOM 생성/추가 하면 이벤트가 안먹히는데 이때 해결 방법에 대해 설명하려한다. 우선, 아무리 셀럭터를 이용해 DOM을 선택해도 동적으로 생성된 DOM은 bind, click, keypress 등의 이벤트를 캐치하지 못한다. 이때 해결책으로 live 를 사용하는 방법이 있는데 사용 예시는 다음과 같다 //.live(events, function) $("#example").live('click', function(e) { // Source Code Start }); 하지만, jQuery 1.9 버젼에서는 li..

Helloworld!/Javascript & jQuery 2016. 3. 9. 15:50

[jQuery] 모바일로 접속했는지 PC로 접속했는지 구분 방법

반응형 웹을 만들다가 똑같은 웹인데 모바일로 접속했는지, PC로 접속했는지를 jQuery 로 구분해야하는게 필요했다.그래서 검색하다가 jQuery.browser로 사용한 예시를 보고 쓰려고했는데jQeury.browser($.browser)가 Browser Detection 문제로 jQuery 1.9에서는 삭제 됐다는 정보를 발견했다.$.browser: Ever since jQuery 1.4, we’ve been evangelizing that browser detection via the user agent string is a bad idea. Yet we’ve been an enabler of bad practice by continuing to offer $.browser. As of jQuery ..

Helloworld!/Javascript & jQuery 2016. 2. 12. 15:00

[jQuery] 현재 클릭한 tr은 몇번째 tr 일까?

예시 소스는 다음과 같다. #jquery $('.clickBtn').bind('click', function() { var trNum = $(this).closest('tr').prevAll().length; console.log('trNum : ' + trNum); }); #html 0 Click! 1 Click! 2 Click! 3 Click! - closest 함수 : this 엘리먼트의 가장 가까운 tr을 탐색 - prevAll 함수 : this 엘리먼트의 가장 가까운 tr 이전의 tr들을 가져와서 객체로 만들어 반환한다 참고사이트 : http://findfun.tistory.com/226 http://ismydream.tistory.com/94

Helloworld!/Javascript & jQuery 2016. 1. 28. 12:35

[jQuery] 현재 URL, 경로 가져오는 방법

javascript window.location.host #returns host window.location.hostname #returns hostname window.location.pathname #return pathname window.location.href #returns full current url window.location.port #returns the port window.location.protocol #returns the protocol jQuery $(location).attr('host'); #returns host $(location).attr('hostname'); #returns hostname $(location).attr('pathname'); #returns ..

Helloworld!/Javascript & jQuery 2016. 1. 20. 14:46

[jQuery] ajax 에서 cache 남았을 때 처리 방법

ajax 로 통신 중 cache 가 남아서 갱신된 데이터를 받아오지 못할 경우 1. ajax 옵션에 cache : false 추가 $.ajax({ url : 'xxx', cache : false //... }); 2. url에 임의 파라미터를 넘겨준다 $.ajax({ url : 'xxx?' + Math.random(), //random 값을 넘겨줌으로써 매번 다른 url 을 넘김 cache : false //... });

Helloworld!/Javascript & jQuery 2016. 1. 12. 10:29

[JavaScript] 특정 문자열 포함 되있는지 확인하는 함수 - indexOf

var str = 'helloWolrd!'; var checkFlag = str.indexOf('r'); //return 8 특정 문자(열)이 있는(또는 시작하는) 곳의 인덱스 값을 반환해준다. 위 예시처럼 str 변수에 있는 문자열 중에 r이 있는 곳을 찾아 앞에서 부터 0으로 시작해 r의 위치인 8을 반환해준다만약 없을 경우에는 -1 을 반환한다

Helloworld!/Javascript & jQuery 2016. 1. 6. 17:40

[jQuery] 현재 이벤트가 진행된 Dom의 index 찾기 - index

[ table.html ] Name Phone Address 홍길동 111-222-3333 홍길동이네 김영희 444-555-6666 영희네집 [ script ] $(tr).bind('click', function() {( var index = $(tr).index(this); )}; 참고 사이트 : http://blog.naver.com/ivory82?Redirect=Log&logNo=220169250878

Helloworld!/Javascript & jQuery 2015. 12. 29. 17:28

[jQuery] Dom 이 나중에 그려질 경우 이벤트 바인딩 - on

Dom 이 그려지는거 보다 먼저 이벤트가 바인딩 될 경우나중에 그려진 Dom 에 다시 이벤트를 바인딩 해야한다면 on을 사용하면 된다예시는 다음과 같다 [ test.html ]Click! [ script ] $(document).on( "click", "#changeLinkColor", function() { $(this).css('color', 'red'); }); 위와 같이 한다면 나중에 이벤트가 바인딩 됨

Helloworld!/Javascript & jQuery 2015. 12. 29. 17:23