jquery (11) 썸네일형 리스트형 jquery prop 사용할 때 selectbox의 첫번째 option을 선택하고자 한다. prop 메소드를 사용하고자 할 때. ( option 을 선택하면 chage가 실행된다.) 1번 $('#selectList option:first').prop("selected", true).trigger("change"); 2번 $("#selectList").prop("selectedIndex", 0).trigger("change"); 2가지 방법이 있을 때, 1번보다 2번이 명확하게 잘 실행이 됐다. prop에 대한 공식 : https://api.jquery.com/prop/ .prop() | jQuery API Documentation Description: Get the value of a property for the first elem.. 제이쿼리 데이트피커 사용법 활용 제이쿼리 데이트피커 사용법 활용 let date = $("#from36").val().split("."); date[1] = date[1] - 1; let formattedDate = new Date(date[0], date[1], date[2]).toLocaleDateString("ko-KR", {year: "numeric", month: "2-digit", day: "2-digit"}); $("#to36").val(formattedDate); $("#to36").datepicker({ setDate:"0", dateFormat:"yy-mm-dd", }); 옵션 참고 : https://www.nextree.co.kr/p9887/ jQuery: 참 편리한 날짜선택 위젯- datepicker 웹 페이지를 .. jquery ajax post 404 에러 값은 받아오는데, 에러날 때 전자정부 프로젝트에서 ajax 타고 조건을 넣어줬다가 데이터를 받아오는 식인데.... 평소에 잘 사용했는데.... 오늘 따라 값이 화면에 표현이 안되고 js에서 자꾸 error가 발생했다. 원인은 @ResponseBody 추가를 안해줘서 발생했다! 스프링에서는 @ResponseBody 어노테이션을 추가하면, json 또는 XML 형태로 변환해준다고 한다! 참고 블로그 :https://developernh.tistory.com/19 [jQuery] Ajax() 사용 시 요청처리가 완료되었는데도 404 에러가 발생한 경우 $.ajax( { type: "POST", url: "/test/testUrl", data: JSON.stringify(params), contentType: 'application/jso.. jquery toggle 탭 버튼 만들기 제이쿼리 토글 탭 버튼 만들기. 아주 다양한 방식이 존재하지만... 오늘은 이렇게 만들어 봤다! $('.btn > div').click(function(){ const classNameIs = $(this).attr('class'); // 클래스 이름으로 패널 const panelSelector = '.panel' + classNameIs.charAt(0).toUpperCase() + classNameIs.slice(1); // 선택한 패널의 토글, 형제요소 숨기기 $(panelSelector).toggle(0, function(){ $(this).siblings().css("display","none"); }); }); HTML 마크업된 부분의 이름을 가져와서 만들어주는게 포인트다. 결과 : HTML .. jquery 제이쿼리 메뉴 active 클래스 추가하여 활성화 클래스 적용 방법 pathname을 받아와서 일치하는 a태그에 클래스를 넣어주어서 페이지가 이동 될 때마다, 해당하는 페이지에 메뉴가 활성화 상태로 보이게 하는 것이 목적. pathname은 http://localhost:8030/ 다음으로 나오는 "프로젝트명과 페이지 이름"까지. 지금 프로젝트 기준으로는 " /ableProject/statistic " 이부분. 프로젝트명은 ableProject 이고 pathname에서 프로젝트명을 지워주면 statistic 페이지 이름만 남으니까, 이 부분을 a태그의 href와 일치 시켜주는 a 태그를 찾기로 함. HTML Index Monitoring 미세먼지 Board JS & jQuery const pathname = (location.pathname).split('/'); // .. jQuery set CSS background opacity jQuery css background opacity https://stackoverflow.com/questions/19663427/jquery-set-css-background-opacity jQuery set CSS background opacity I have a whose transparency of its background-color (and not its contents) I'd like to change. A remote API sends me this colour: #abcdef and I tell jQuery (1.9) to apply this colour ... stackoverflow.com 3가지 방법 정리한 것 https://codepen.io/keepgoing-noah/pen.. jQuery after if문 if(type == '2') { let selectOption = ''; selectOption += ''; selectOption +=`옵션 선택1`; selectOption +=`옵션 선택2`; selectOption +=`옵션 선택3`; selectOption +=''; $("#selectType60").after(selectOption); } else { } if(type == '2'){ $('#unxp_knd').css({'display':'inline-block'}); } else { $('#unxp_knd').css({'display':'none'}); } switch(type){ case "강아지" : return console.log("강아지"); case "고양이" : return co.. [jQuery] 메뉴 요약 정보 표시하기 메뉴에 마우스 오버시, 간략한 정보를 표시하는 툴팁tooltip같은 것을 적용해보도록 하겠습니다. ,h3>jQuery $(document).ready(function(){ // hide span element $('.w').hide(); $('.m').hide(); $('.s').hide(); // show class name 'w' $('#w').hover(function(event){ $('.w').show(); $('.m').hide(); $('.s').hide(); $('#w').addClass('hover'); }, function(){ $('#w').removeClass('hover'); }); //show class name'm' $('#m').hover(function(event){ $('.. 이전 1 2 다음
