블로그

입력 필드에 타이핑을 하면 관련 정보를 보여주고 선택할 수 있는 기능이 많이 사용됩니다. jQuery UI에서 제공되는 autocomplete 기능을 사용해서 이 기능을 구현해 봅니다. 1. 필요한 파일 인클루드하기 jQuery UI 스타일 시트 파일과 jQuery 파일, jQuery UI 파일이 필요합니다. 각각은 다운로드 받아서 사용해도 되고 CDN 을 이용해서 사용해도 됩니다. 이 예제에서는 CDN을 사용했습니다. 2. 기본 기능 사용하기 도시: id가 city 인 입력 필드에 자동완성기능을 만듭니다. - $("#city").autocomplete() : 자동완성기능을 만듭니다. - source: avalibleCity : 타이핑시 보여질 내용 입니다. - select: function(event,..

Clearing a form is something that you often need to do on a website, for example if you want to empty the form fields after submitting a form with Ajax.Resetting a form using JavaScript is pretty straightforward, you can just call:document.getElementById("#myform").reset(); But calling the reset() function on a jQuery object will not work. You’ll get an error saying TypeError: $(...).reset is no..

https://stackoverflow.com/questions/41904199/whats-the-point-of-button-type-button

https://stackoverflow.com/questions/3442394/using-text-to-retrieve-only-text-not-nested-in-child-tags

[jQuery] 자식제외 클래스의 텍스트 선택하기선택자를 사용하여 .content의 안녕만 나오게 하는 방법.content 안녕 .content-box 하세요 .box 반갑 .box 습니다. var text = $('.content').html().split('

attr()인자에 따라 2가지로 사용할 수 있습니다. 하나의 인자만 있다면 속성값을 가져오는 것이고 2개의 인자를 쓰면 속성값을 요소에 부여하는 것입니다. 아래 2가지 사용방법에 대해 설명되어 있습니다.원문 링크 http://api.jquery.com/attr/함수들 attr( attributeName ).attr( attributeName ) attr( attributeName, value ).attr( attributeName, value ).attr( map ).attr( attributeName, function(index, attr) ).attr( attributeName )Returns : String개요 : 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환..

*.each 함수 사용- DOM의 반복과 Array, Object의 반복 두가지 방법으로 사용된다.Array,Object 반복 : $.each() 형태로 사용DOM 반복 : $(selector).each(function(){}) 형태로 사용 DOM반복의 예$(".allblock").each(function(){ $(this).css("background-color", "#FFCDD2");})-클래스로(class)로도 반복문을 사용할 수 있다.-해당 클래스를 가지고 있는 태그에만 적용하는방법 $("span").each(function(i, element){ if(i = 2){$(element).css("background-color", "#FFCDD2");}})-태그 span을 가진 2번째 엘리먼트에 적용..

*jquery 많이 쓰이는 선택자 재정리 - E F : E의 자손이면서 태그 명이 F인 - E>F : E의 바로 아래 자식이면서 태그 명이 F인 - E+F : E의 형제 엘리먼트로 바로 다음에 오는 엘리먼트 F- E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F- E : has(F) : 태그 명이 F인 자손을 하나 이상 가지는 태그명이 E인- E.C : 클래스 명 C를 가지는 태그명이 E인 모든 엘리먼트- E:first : 모든 E 중에서 첫 번째인 - E:last : 모든 E 중에서 마지막인- E:first-child : E의 자식 엘리먼트중 첫번째- E:last-child : E의 자식 엘리먼트 중 마지막- E:only-child : E의 자식 엘리먼트 중 형제가 없는- E:nth-ch..

*jquery를 이용하여 div 요소와 css 구현 var div_pop_back = $("",{ css:{ width:$(window.top.document).width(), height:$(window.top.document).height(), opacity:0.1 }}).addClass("divpop_back").attr("id","divpop_back"); // jquery를 이용하여 태그요소 구현var div_pop = $("").addClass("divpop").attr("id","divpop");var pop_title = $(""+title+"").addClass("divpop_title"); *if 조건문 안의 숫자 if(width){}:width : 숫자 -> 숫자가 있으면 true, ..

*싱글톤으로 객체 생성 LoginManager loginMng = LoginManager.getInstance(); :싱글톤으로 객체생성 (한번의 새로운 객체를 생성하기위해) *RequestDispatcher: 클래스는 현재 request에 담긴 정보를 저장하고 있다가 계속해서 다음페이지에도 해당 정보를 볼수 있게 계속 저장하는 기능dispatcher.forward : .jsp -> servlet -> .jsp 방식의 정보 전달 RequestDispatcher dispatcher = request.getRequestDispatcher(forwardUrl);dispatcher.forward(request, response); *ajax의 global속성global: false: 지역 이벤트 (true일 경..