머리가 나뻐서 삽질 SAP(Study And Programming)

API : http://api.jquery.com/val/ .val() .val().val( value ) .val( value ) .val( function(index, value) ) type혹은 name으로 쓰기 1 2 $("input[type='checkbox']").val(); $("input[name=box]:checkbox").val(); class나 id값으로 쓰기 1 2 3 $('#check_id').val(); $('.check_class').val(); 값체크확인 1 2 3 4 5 if($('#check_id').is(":checked") == true){ //true생략가능 //it is checked } 주의할 점 - return값이 String으로 오기때문에 Number형으로 쓸..

animate 메서드를 보면 css의 움직임 요소, duration, easing, complete 가 있다. 이것들을 모두 적용해 보면 다음과 같다. 1 $(".img00_05").stop().delay(1000).animate({opacity:1,top:_posyArr[_activeNum][5]},_speed,"easeOutExpo",function(){_isPlay = false;}); 딜레이 : delay(1000) easing : "easeOutExpo", "easeOutElastic" 등... easing 속성은 jQuery Easing Plugin (version 1.3)를 다운(jquery.easing.1.3.js 파일첨부) 받아야 하며, 해서 쓰게된다. http://gsgd.co.uk/s..

.position() 조건에 일치하는 요소 집합 중 첫번째 요소의 문서 상의 부모 요소를 기준으로 한 상대적인 좌표값을 반환합니다. .offset() : 요소의 문서 상의 상대적인 현재 위치를 알 수 있다. 드래드앤드롭 구현을 위해 사용(새로운 요소를 기존의 요소에 위치) .position() : 부모요소를 기준으로 한 상대적인 현재 위치를 알 수 있다. 기존 요소의 근처에서 새로운 요소의 좌표를 설정. 객체의 속성들 중 top과 left값에 대한 내용을 반환해 준다. 실무) 1 2 3 var x = $("#menu").find(".ov").position().left; var y = $("#menu").find(".ov").position().top; 예제) 두번째 문단(p태그)의 좌표에 접근 1 2 ..

.hide( ) .hide() .hide( duration [, callback] ) : duration 시간 값, callback 콜백 함수 .hide( [duration] [, easing] [, callback] ) : duration 시간 값, easing 특수한 효과 함수, callback 콜백 함수 인자없이 $('.target').hide(); 와 같은 형태로 쓰는것이 가장 간단한 사용법. 기본 사용법은 애니메이션 효과 없이 요소를 바로 숨기는 기능을 한다. .css('display', 'none')의 사용과 비슷하다. duration 인자를 성정하면 애니메이션 효과를 가지게 된다. 예제) 모든 p 태그를 숨기고 클릭한 요소도 숨깁니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 1..

.show() 개요 : 일치하는 요소를 보이게 합니다. .show( ) .show( duration [, callback] ) : duration 시간 값, callback 콜백 함수 .show( [duration] [, easing] [, callback] ) : duration 시간 값, easing 특수한 효과 함수, callback 콜백 함수 인자없이 $('.target').show(); 와 같은 형태로 사용 하는것이 가장 간단한 사용법. 애니메이션 효과없이 요소를 바로 보이게 하는 기능. 마치 .css('display','block')의 사용과 비슷. duration값을 가지게 되면, .show() 함수도 애니메이션 효과를 가지게 된다. .show() 함수는 요소의 width, height, o..

실무에서 메인 만들때 각 node의 attributes들을 가지고 올때 썼던 코드 문자열값, 타겟값, 링크(주소)값 1 2 3 4 5 for(var i=0; i

.html( htmlString )Returns : jQuery 개요 : 일치하는 요소 내부에 새로운 html 문자열을 추가한다. .html( htmlString ) htmlString 새로 추가될 html 소스 .html( function(index, oldhtml) ) function(index, oldhtml) 이 함수는 새로 추가될 html을 반환합니다. 기존의 html을 인자로 받아서 index에 해당하는 위치에 자바스크립트의 innerHTML과 같은 함수이다. html() 함수는 XML문서에는 사용할 수 없다. 실무) 1 $("#footer_url").html(_xmlStrArr[_xmlActiveNum]); 예제) div태그안에 html소스를 추가함. 1 2 3 4 5 6 7 8 9 10 1..

.eq(index) 는 선택된 요소들을 인덱스 번호로 찾을 수 있는 선택자로써 마치 배열의 인덱스로 값(value)을 찾는 것과 같은 효과. eq selector jQuery(':eq(index)') 혹은 ('jQuery').eq(index) index '0'을 시작점(Zero-based)으로 하는 인덱스 예를 들어 (.myclass) 선택자로 찾은 요소가 4개라면 첫번째 찾은 요소의 색인이 0이 되고 4번째 요소의 색인이 3이 되는것. $('.myclass:eq(1)' 선택자는 문서 상에 myclas라는 클래스명을 가진 요소 중 2번째 요소를 의미함. 반면에 CSS에서 하용되는 선택자는 초기값이 1인 인덱스 구조를 가지고있다. 즉, 자바스크립트와 CSS의 요소 집합에서 색인값으로 요소를 찾으려면 주의해..

.append( content, [content] )Returns : jQuery 개요 : 어떤 요소에 마지막 자식 요소를 새로 추가합니다. Description: Insert content, specified by the parameter, to the end of each element in the set of matched elements. .append( content, [content] ) content 추가될 HTML 문자열, DOM 요소, 또는 jQuery 객체. content 추가될 하나 이상 복수개의 DOM 요소들, 요소 배열, HTML 문자열들, 또는 jQuery 객체들. .append( function(index, html) ) function(index, html) 선택된 요소 집합..

XML Parsing with jQuery 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Silverlight and the Netflix API Tutorials Silverlight 2.0 Silverlight C# XAML 1/13/2009 Cake PHP 4 - Saving and Validating Data Tutorials CakePHP PHP 1/12/2009 Silverlight 2 - Using initParams Tutorials Silverlight 2.0 Silverlight C# HTML 1/6/2009 Controlli..