본문 바로가기

IT/JQuery

유저 브라우저 캐쉬로 인해 수정된 js파일 적용 안될 때 JS 또는 CSS 파일을 수정하였지만 적용이 안될 때가 있다.브라우저가 캐쉬에 있는 파일을 사용하기 때문인데, 변경된 파일을 새로 불러와서 사용하는 방법은 다음과 같다. [변경 전] [변경 후] 더보기
[JQuery] 스크롤 이벤트로 화면 위 아래로 이동 HTML 총 3개의 section으로 나누었다. 각 section마다 화면 이미지를 css로 넣어준다. JavaScript var flag = false; // DOMMouseScroll event is for firefox // 이벤트 'e'는 마우스 이벤트를 의미한다. $("html, body").on('mousewheel DOMMouseScroll', function(e) { var E = e.originalEvent; eventValues = 0; // E.detail is for firefox if (E.detail) { eventValues = E.detail * -40; }else{ eventValues = E.wheelDelta; }; // minus nav height(50px) var .. 더보기
[자바스크립트] 비밀번호 체계화 var userID = $("#USER_ID").val(); var prepassword = $("#PRE_PASSWORD").val(); var password = form.getFormValue("OF72120_detail", "PASSWORD"); var passwordchk = form.getFormValue("OF72120_detail", "PASSWORDCHK"); if(oUtil.isNull(password) || oUtil.isNull(passwordchk)){ return; }else{ if(password != passwordchk) { $.messager.alert("INFO", ""); return; } // 최소 10자리 이상 if(!password.length >= 10) { a.. 더보기
select box 선택값 가져오기 select box ID로 접근하여 선택된 값 읽기 → $("#셀렉트박스ID option:selected").val(); select box Name로 접근하여 선택된 값 읽기 → $("select[name=셀렉트박스name]").val(); 같은 방식으로 span과 같은 다른 태그도 접근 가능 → $("span[name=셀렉트박스name]").text(); 선택된 값의 index를 불러오기 → var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected")); 셀렉트 박스에 option값 추가하기 → $("#셀렉트박스ID").append("1번"); 셀렉트 박스 option의 맨앞에 추가 할 경우 → $("#셀렉트박스ID").prepend("0.. 더보기
유용한 정규식 표현 var chkName = /^[a-z]A-Z]*$/;var chkEmail = /^([\w\.-]+)@([a-zA-Z\d\.-]+)\.([a-zA-Z\.]{2,6})/; 제이쿼리(jQuery) 7강 - 유틸리티 -> http://blog.naver.com/azanghs/220392447973 더보기
JQuery 노드찾기 1. 노드 찾기 - 태그 이름으로 노드 찾기 : $("태그이름"), $("선택자") - 클래스 이름으로 노드 찾기 : $(".클래스이름") - ID로 노드 찾기 : $("선택자") - 속성으로 노드 찾기 : $("[속성이름=값]") - 찾은 요소 개수 구하기 : .size() , .length - 찾은 요소 n번째 접근하기 : .eq(index) , .each(function(index){}); - 찾은 요소에서 특정요소만을 걸러내기 : .filter("선택자") - 찾은 요소에서 특정 자식요소만 찾기 : .find("선택자") 2. 자식 노드 찾기 - 전체 자식 노드 찾기 -- 텍스트 노드 포함 전체 자식 노드 찾기 : $("선택자").contents() -- 텍스트 노드 제외한 전체 자식 노드 찾기 .. 더보기
select 박스 응용 value값으로 select 하기 1번이 안되면 2번으로..1) $("#selectBox").val("지정값");2) $("#selectBox > option[value=지정값]").attr("selected", "true");2 ex) $("#finderSearchTime > option[value='201512']").attr("selected", true); select 위에 덮혀있는 selectpicker를 실행하기 위해서 해야할 작업 1. $("#finderSearchTime").trigger("change") 를 실행시켜야해(단순작업) ex) 예로 selected를 바꿔줌.. 2. $("#finderSearchTime").selectpicker("refresh") 는 option항목이 추가되거.. 더보기
[jquery] select box 선택값 가져오기 // select box ID로 접근하여 선택된 값 읽기$("#셀렉트박스ID option:selected").val(); // select box Name로 접근하여 선택된 값 읽기$("select[name=셀렉트박스name]").val(); // 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~$("span[name=셀렉트박스name]").text(); // 선택된 값의 index를 불러오기var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected")); // 셀렉트 박스에 option값 추가하기$("#셀렉트박스ID").append("1번"); // 셀렉트 박스 option의 맨앞에 추가 할 경우$("#셀렉트박스ID").prepend.. 더보기
jquery .promise() .promise( [type ] [, target ] ) 컴퓨터가 자바스크립트 파일을 읽을 때 위에서부터 아래로 쭉 읽는다.액션을 기다려 주지 않고.. 우선 아래로 쭉 읽음.. 그래서.. ajax로 많은 양의 데이터를 불러올 때.. 데이터를 다 불러오지 않았음에도 불구하고그 다음 줄을 실행해버린다.데이터를 다 불러오고 그 다음에.. 실행시켜야 하는 액션이 있다면, primise를 이용해보자. $( "div" ).each(function( i ) { $( this ).fadeIn().fadeOut( 1000 * ( i + 1 ) );}); //이게 다 끝나면.. 아래 액션이 실행 됨. $( "div" ).promise().done(function() { $( "p" ).append( " Finished! .. 더보기
Jquery 사이트 / 구문 문법 정리 // ********** 제이쿼리 다운로드 http://jquery.com에 접속한 후 메인 페이지에서 [Download jQuery] 버튼을 클릭하여 최신 버전의 파일을 다운로드합니다. 이렇게 다운로드한 라이브러리는 네트워크를 사용할 수 없는 상황에서도 jQuery를 테스트할 수 있습니다. "사용자가 다운받은 파일의 경로" "네크워크 상의 jQuery 라이브러리의 경로" jQuery에서 제공하는 CDN : http://code.jquery.com/jquery-1.8.3.min.js jQuery에서 제공하는 최신 jQuery CDN : http://code.jquery.com/jquery.min.js MS에서 제공하는 CDN : http://ajax.aspnetcdn.com/ajax/jQuery/jque.. 더보기

티스토리툴바