foryou 코딩

DatePicker는 를 이용하면 웹상에서 날짜를 쉽게 선택 할 수 있습니다. jquery 를 이용한 datepicker 에 UI 를 변경하여 만들어졌기 때문에 기본적인 jquery 의 Datepicker 보다 깔끔하여 보기에 좋다. 사용법은 jquery datepicker 와 비슷하여 사용법을 조금만 보면 쉽게 알 수 있다. [공식 사이트 및 사용법] Air Datepicker Datepicker's language. If string is passed, then language will be searched inDatepicker.languageobject. If object is passed, then data will be taken from this object directly. If some ..

[오늘 하루 그만 보기] 간단히 구현하기 [jquery-cookie 플러그인 다운로드 및 사용법 참고] https://github.com/carhartl/jquery-cookie * jquery-cookie 를 이용하지 않고 순수 JS 만으로 구현하는 것이 불필요한 유틸을 참조하지 않고 좋으나 여기서는 일단 편의성과 기존의 사이트에서 이용하고 있기 때문에 사용한다. html 오늘 하루 그만보기 [닫기] script 1. 팝업창이 display:none 상태에서 페이지 로드시 쿠키(notice)가 있는지 확인한다. 2. 쿠키가 없으면 팝업창을 노출 해주고 있으면 비노출한다. 3. 닫기 버튼 클릭시 "checkbox" 체크가 되어있으면 "notice" 쿠키 생성 후 팝업창을 닫는다.

jQuery 에서 Element(요소)의 class 속성에 대해 컨트롤 할 때 사용하는 메서드 addClass 속성 값 추가 $("p").addClass("속성 값"); 선택된 요소의 class 속성값을 추가 removeClass 속성 값 삭제 $("p").removeClass("속성 값"); 선택된 요소의 class 속성값이 있으면 삭제 toggleClass 속성 값 추가 및 삭제 $("p").toggleClass("속성 값"); 선택된 요소에 속성값이 없으면 추가하고 있으면 삭제 hasClass 속성 값 확인 $("p").hasClass("속성 값"); 선택된 요소의 속성값의 존재 여부에 따라서 True, False 반환 예제 코드 main Sub 1 결과 화면

selectbox 는 여러개의 목록중 선택한 하나의 value 나 text 데이터를 읽어 올수 있습니다. 색상 선택 노랑 빨강 초록 selectbox 에 대하여 value 와 text 데이터를 가져오기 value 값은 다른 입력폼과 같이 val()로 바로 select를 할수 있다 하지만 text()는 select 태그의 모든 text 데이터를 가져오기 때문에 현재 선택된 text 만 가져 오도록 하여야 한다. 물론 value 도 text 와 같이 선택자만 가져오도록 해도 동일하다. $("#color").val(); --> O $("#color").text(); --> X (의도하지 않은 text 데이터가 될수 있음) $("#color option:selected").val() --> O $("#color..

1. jQuery Checkbox 제어하기 HTML 색상 RED BLUE 전체선택 1. 체크 여부 확인 $("#check1").is(":checked"); 2. 체크된것 select $("input:checkbox[name=color]:checked"); $("input:checkbox[name=color]:checked").length; // 체크된 갯수 3. 체크, 체크해제하기 $("#check1").prop("checked", true); //체크하기 $("#check2").prop("checked", false); //체크해제하기 4. 체크박스 전체선택,해제 $(function(){ $("#checkall").click(function(){ var chk = $(this).is(":checked"..