목록jQuery (10)
하이오리
datepicker datepicker()로 사용하면 기본 옵션이다.☞ http://www.filelink.kr/practice/jquery/datepicker.php☞ http://jqueryui.com/datepicker/
serialize() 전송 형태 : a=1&b=2&c=3 serializeArray() 전송 형태 : [ { name : "a", value : "1" }, { name : "b", value : "2" } ] html php ☞ http://www.filelink.kr/practice/jquery/serialize.php 받는 형태는 별반 다를게 없어 보인다. 기본으로 serializeArray()로 사용하면 되겠다.
.getJSON() 문법은 .post()와 비슷하다. .ajax()메서드의 단축표기이며, 몇 가지 매개변수가 셋팅된 것이다. $.getJSON(url_to_load, function(json){ ... }); $.ajax({ url: url_to_load, dataType: 'json', data: json, success: function(json){ ... }; }); html php "red",'option'=>"1")); array_push($result,array('color'=>"blue",'option'=>"2")); array_push($result,array('color'=>"green",'option'=>"3")); echo json_encode(array("result" => $res..
jQuery - ajax(),find(), each() .find() 메서드와 .each()메서드를 결합하면 요소 그룹을 찾고 그 그룹에서 루프를 돌며 조작할 수 있다. xml koantech 120 konantech2 140 ☞ http://filelink.kr/practice/jquery/ajax_xml.php
wrap();어떤 요소 안에 있는 요소를 래퍼로 감싼다.$(document).ready(function() {$('#target').wrap("");}); unwarp();래퍼로 감싸진 요소를 해제 한다.$('#target').unwrap(); 이 외에도, wrapInner(),wrapAll()가 있다.대충 봤는데 별로 사용하지 않을 것 같다. 사용할 일이 생기면 정리해야겠다.
replaceAll(); 바꿀 요소를 선택한 요소에 바꾼다. $("replaceAll success!").replaceAll($("target")); replaceWith(); 선택한 요소를 다른 요소로 바꾼다.(이것만 쓰면 되겠다) $(document).ready(function() { $("#target").replaceWith("replaceWith success!"); });
remove(); 요소 자체를 지운다. $("#target").remove(); empty(); 요소 자체가 아니라 요소의 내용을 지운다.(append() 사용전에 쓰면 되겠다) $(document).ready(function() { $("#target").empty(); $('#target').append("append success!"); });
함수 선언. function hideFunc{ $("div").hide(); } hideFunc(); 함수 표현식. var showFunc = function(){ $("div").show(); } $("#warp").click(showFunc); 함수 선언과 함수 표현식의 차이점. => 타이밍!! 함수 선언을 사용하면 아무때나 사용할 수 있다. (페이지 불러오자마자 사용할 수 있음) 함수 표현식은 자바스크립트 해석기가 해당 표현식을 만나야만 사용할 수 있다.
이벤트 등록 방법. 1. 페이지를 불러올 때. (단축메서드라고 함) $("#wrap").click(function(){ alert("첫 번째 방법"); }); 2. 페이지를 불러온 뒤에 추가된 요소에 이벤트 리스너를 등록할 때. (DOM요소를 새로 만들었을 때) $("#wrap").bind('click',function(){ alert("두 번째 방법"); }); - 첫 번째 방법은 DOM요소가 이미 존재 해야만 쓸 수가 있다. - 클릭할 수 있는 이미지를 추가 하거나 대화형 목록에 항목을 추가하는 등의 동적으로 DOM요소가 추가 되었으면 두 번째 방법을 사용해야 한다.
jQuery에서의 $란? $는 jQuery의 단축표기. [ jQuery() ->$() ] jQuery() jQuery함수를 jQuery래퍼라고 부르기도 함. jQuery()는 괄호안에 넣은 요소를 선택하는 역할을 함. jQuery() 사용. 1. CSS Selector : CSS선택자를 넣으면 선택자에 맞는 요소를 반환. (가장 많이 사용) $("#myDiv").css({"color":"red"}); $("#myDiv").slideUp(); 글자 2. HTML : HTML 문자열을 넣으면 브라우저상의 페이지에 바로 요소를 추가할 수 있음. $("p").append("집어넣기"); 기존글 3. JavaScript Object : 아직 예시 없음.