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

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

.mouseenter( handler(eventObject) )Returns : jQuery 개요 : 요소에 마우스가 진입했을 때의 이벤트를 바인딩 하거나 특정 요소에 이벤트를 발생시킵니다. .mouseenter( handler(eventObject) ) mouseenter(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseenter( [eventData], handler(eventObject) ) eventData 이벤트 핸들러에 전달할 데이터 집합. handler(eventObject) 이벤트가 발생했을 때 실행될 기능. .mouseenter( ) .mouseleave( handler(eventObject) )Returns : jQuery 개요 : 요소에서 마우스가 떠날때의 이벤트..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $("#image").animate({opacity:0},0); $("#image").animate({opacity:1},600); $( "#go2" ).click(function(){ $( "#block2" ).animate({ width: "90%" }, 1000 ) .animate({ fontSize: "24px" }, 1000 ) .animate({ borderLeftWidth: "15px" }, 1000 ); }); $( "#go" ).click(function(){ $( ".block:first" ).animate({ left: 100 }, { duration: 1000, step: function( now,..

함수들 height( ) .height() height( value ) .height( value ) .height( function(index, height) ) example) 1 2 3 _stageWidth = $(window).width(); _stageHeight = $(window).height() $("#titleConatiner").height();

전체제거, 선택제거 1 2 3 $("#title").removeClass().addClass("title"+_active1); $("p:odd").removeClass("blue under");

scr 제어 1 $("#image").attr("src", imgArr[_active1][_active2]);

사용법 1 2 3 $(document).ready(function() { // Handler for .ready() called. }); 실무코드 1 2 3 $(document).ready(function (){ init(); });