Method
-
[jQuery] 21. Descendants - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:27
jQuery Traversing - Descendants 1. Traversing Down the DOM Tree DOM 트리에서 내려가기 위한 2 가지 유용한 jQuery 메소드가 있습니다: - children() - find() 2. jQuery children() Method children() 메소드는 선택된 요소의 모든 직후 자식들을 반환합니다. 이 메소드는 DOM 트리의 단일 레벨 아래만 항해합니다. 123456789101112131415161718192021222324252627282930313233.descendants * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px;}$..
-
[jQuery] 13. Set - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:20
jQuery - Set Content and Attributes 1. Set Content - text(), html(), and val() get과 마찬가지로 3 가지 메소드를 이용하여 설정합니다: - text() - html() - val() 123456789101112131415161718192021222324252627282930313233 $(document).ready(function(){$("#btn1").click(function(){$("#test1").text("Hello world!");});$("#btn2").click(function(){$("#test2").html("Hello world!");});$("#btn3").click(function(){$("#test3").val("..
-
[jQuery] 12. Get - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:20
jQuery - Get Content and Attributes jQuery는 HTML 요소와 속성을 변경하거나 조작하는 강력한 메소드를 가지고 있습니다. 1. jQuery DOM Manipulation jQuery의 가장 중요한 부분은 DOM을 조작하는 가능성입니다. jQuery는 DOM 관련 메소드의 다양한 종류로, 요소나 속성을 조작하거나 접근하는데 용이합니다. 2. Get Content - text(), html(), and val() 3 가지 간편하면서도 유용한 DOM 조작을 위한 jQuery 메소드: - text() - 선택된 요소의 텍스트 내용을 설정하거나 반환하는 메소드 - html() - 선택된 요소의 내용을 설정하거나 반환하는 메소드 - val() - 서식 필드의 값을 설정하거나 반환하..
-
[jQuery] 11. Chaining - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:19
jQuery - Chaining jQuery에서 액션 / 메소드를 함께 연결할 수 있습니다. 연결하기(Chaining)은 한 문장에 여러 jQuery 메소드를 실행 시키는 것을 허용합니다. 1. jQuery Method Chaining 액션을 연결하기 위해, 간단히 이전의 액션에 다음 액션을 덪붙이기만 하면 됩니다. 12345678910111213141516171819202122 $(document).ready(function(){$("button").click(function(){$("#p1").css("color", "red").slideUp(2000).slideDown(2000);});}); jQuery is fun!! Click me Colored by Color Scriptercs 여러 메소드를..
-
[jQuery] 4. 이벤트 메소드(Event method) - jQuery 강좌Web/jQuery 2015. 6. 13. 11:14
jQuery Event Methods jQuery는 HTML 페이지 내에서 이벤트에 반응하기 위한 맞춤입니다. 1. What are Events? 모든 다른 방문자들의 행위에 따른 웹페이지의 반응은 이벤트라 합니다. 예제: - 요소 위에 마우스를 이동시킨다. - 라디오 버튼을 선택한다. - 요소를 클릭한다. Mouse EventsKeyboard EventsForm EventsDocument/Window Eventsclickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleave blurunload [ 출처: W3Schools ] 2. jQuery Syntax For Event Methods jQuery에서, 대부분의..