본문 바로가기
반응형

Program/Jquery8

Jquery HTML 속성 제어 Jquery HTML 속성 제어 attr $("선택자").attr("속성","값"); $("#id").attr("href","http://www.google.co.kr"); $(function(){ $("button").click(function(){ $("#id").attr("href","http://www.google.co.kr"); }) }) css $("선택자").css("속성":"값"); $("선택자").css("속성":"값","속성":"값","속성":"값"); $("#id").css("background":"#ff0000", "width":"120px"); $(function(){ $("button").click(function(){ $("#id").attr("href","http://www... 2019. 10. 8.
jquery.get jQuery.get()원문 링크 http://api.jquery.com/jQuery.get/jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )Returns : jqXHR개요 : HTTP GET 방식 요청을 통해 서버로부터 데이터를 받습니다.jQuery.get( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] )url 정보를 요청할 URLdata 서버로 보낼 datasuccess(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수dataType 서버에서 반환되는 데이터의 타입. Default: 지능형 추측 (xml, json, sc.. 2017. 8. 23.
Jquery 달력 - Datepicker Jquery 달력 - Datepicker Date: https://jqueryui.com/datepicker/ $(function() { $('.datePicker').datepicker({ dateFormat: 'yy-mm-dd', // 날짜표현타입 monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNamesMin: ['일','월','화','수','목','금','토'], weekHeader: 'Wk', changeMonth: true, //월변경가능 changeYear: true, //년변경가능 showMonthAfterYear: true, //년 뒤에 월 표시 buttonImageOnly: true.. 2016. 6. 27.
jquery mobile demo - Checkboxradio widget(체크박스, 라디오 위젯) jquery mobile demo - Checkboxradio widget(체크박스, 라디오 위젯)* 체크박스- 기본설정체크박스 - 작은폰트(Mini size)체크박스체크하기 - 세로나열하기(vertical group)세로정렬 : 체크하기1체크하기2체크하기3 - 가로나열하기(horizontal group)가로정렬 : 체크하기1체크하기2체크하기3 - 체크박스 우측위치(Icon postion)아이콘우측 : 체크하기1체크하기2체크하기3 - 체크박스 사용제한(Disabled)체크박스 - 강조형(Enhanced)체크하기 2015. 3. 13.
jquery mobile demo - Button widget(버튼 위젯) jquery mobile demo - Button widget(버튼 위젯)버튼 사용하기 예제 - 강조형(Enhanced)Input Value - 모서리 라운드주기(Corners)Input Value - 아이콘만 나오게 하기강조 - 아이콘만표시 - 그림자 옵션(Shadow)강조형 - 한줄에 표시(Inline)강조형 - 작은폰트(mini)강조형 - 아이콘과 함께(Icon)강조형 - 아이콘 위치 설정(Icon position) 강조형-왼쪽강조형-오른쪽강조형-위강조형-아래강조형-아이콘만 - 사용불가(Disabled)강조형 2015. 3. 12.
jquery mobile demo - Buttons(버튼) jquery mobile demo - Buttons(버튼) jQuery mobile에서는 버튼의 스타일을 다양하게 설정할 수 있다. 기본적으로 사용방법은 data-role="button"으로 사용할 수 있으나 간단하게 클래스 적용으로도 가능하다. 링크 버튼 버튼 옵션 - 테두리에 라운드주기버튼 * 버튼에 텍스트없이 아이콘만 주고싶은 경우에는 아래와 같이 사용한다.No textNo text - 버튼에 그림자효과 주기링크 버튼 - 버튼 한줄에 나열하기링크 버튼 - 버튼텍스트 작게쓰기링크 버튼 - 버튼에 아이콘 추가하기링크 버튼 - 버튼에 사용되는 아이콘 위치설정하기왼쪽오른쪽위아래아이콘만보이기 - 버튼한줄에 나열하기(아이콘포함)왼쪽오른쪽위아래아이콘만보이기 - 버튼 아이콘에 그림자효과주기링크 버튼 - 클릭불가 .. 2015. 3. 5.
jquery mobile demo - Introduction jquery mobile demo- Introduction(소개)jQuery Mobile은 터치 기반의 프레임워크로 다양한 모바일디바이스, 타블렛, 데스크탑 플랫폼을 지원한다. jQuery 프레임워크를 기반으로한 HTML5중심의 구성은 쉽게 접근할 수 있으면서 강력한 API로 사용자 정의가 가능하다. - Page & Dialogs(페이지&다이얼로그:인터페이스)jQuery Mobile에서 page는 data-role="page" 와 같은 형식으로 사용된다. div 태그와 주로 사용하며, data-role="header", class="ui-content", data-role="footer" 등도 사용된다. - Ajax Navigation & Transitions(Ajax 네비게이션과 화면전환)jQuery .. 2015. 3. 4.
jquery mobile demo - Home jquery mobile demo- HomejQuery Mobile은 웹사이트와 모든 스마트폰, 태블릿 및 데스크탑 장치에서 액세스 할 수있는 응용 프로그램을 수 있도록 설계된 터치에 최적화 된 HTML5 UI 프레임워크이다. Jquerymobile은 크게 4가지 분류로 나눌수 있다.1. 페이지 & 네비게이션- 페이지, 네비게이션, 페이지 로딩방식, 전환효과 등을 설정 할 수 있다. 2. CSS 프레임워크- 페이지 전체를 테마로 구분가능하며, 버튼, 아이콘, 그리드와 문서, 바(bar) 등을 클래스화 한다. 3. 위젯- 툴바, 네비게이션바, 탭, 패널, 팝업 이외에도 리스트, 펼침메뉴, 응답형 표(Table), 검색창 등을 손쉽게 설정할 수 있다. 4. 위젯적용- 체크박스, 라디오, 셀렉트 메뉴 등 폼관.. 2015. 3. 4.