728x90

dev/jquery 5

[jQuery- 플러그인] 데이트피커 (DatePicker) -Air DatePicker

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 ..

dev/jquery 2021.02.05

[jQuery] 제이쿼리 클래스(Class) 생성(addClass), 삭제(removeClass), 토글(toggleClass), hasClass

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

dev/jquery 2020.12.03

[jQuery] 제이쿼리 select 박스 text 사용시 주의 - val, text

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..

dev/jquery 2020.10.26

[jQuery] 제이쿼리 체크박스(checkbox) ,라디오(radio) 제어하기 - check, uncheck, select

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"..

dev/jquery 2020.10.20
728x90