'jQuery/Method' 카테고리의 글 목록 (5 Page)

16. jquery Method [ .empty() ] - 선택한 요소의 내용을 지우는 메소드

16. jquery Method [ .empty() ] - 선택한 요소의 내용을 지우는 메소드 문법 .empty() 예를 들어 $("p").empty(); p태그는 남아있고 내용을 지웁니다. 예제 코드 MelonPeach 버튼A 실행 테스트 See the Pen XWbjedE by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 20. 17:18

15. jquery Method [ .each() ] - 선택한 요소가 여러 개 일때 각각에 대하여 반복하여 함수를 실행하는 메소드

15. jquery Method [ .each() ] - 선택한 요소가 여러 개 일때 각각에 대하여 반복하여 함수를 실행하는 메소드 문법 .each() $.each() 예를 들어 $("div").find("span").each(function(index, item){ }) $.each(obj, function(index, item){ }) 첫번째 each문 index : 선택한 요소의 개수 item : 선택한 요소의 값 두번째 each문 obj : 객체나 배열 index : 선택한요소의 개수 item : 선택한 요소의 값 예제 코드 첫번째 두번째 세번째 네번째 버튼A 버튼B 실행 테스트 See the Pen KKpgvjN by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 20. 12:59

14. jquery Method [ .detach() ] - 선택한 요소를 제거하고 저장하는 메소드

14. jquery Method [ .detach() ] - 선택한 요소를 제거하고 저장하는 메소드 문법 .detach() 예를 들어 var peach = $("h1").detach(); h1요소를 제거하고 변수 peach에 저장합니다. 예제 코드 Peach Melon 잘라내기 붙여넣기 실행 테스트 See the Pen 14 by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 20. 11:03

13. jquery Method [ .delay() ] - 함수를 정해진 시간만큼 delay시키는 메소드

13. jquery Method [ .delay() ] - 함수를 정해진 시간만큼 delay시키는 메소드 문법 .delay() 예를 들어 $("p").delay(3000).slideUp(200).slideDown(200); p태그가 3초후에 올라갔다가 내려옵니다. 예제 코드 클릭 버튼을 클릭하면 3초 뒤에 실행됩니다. 실행 테스트 See the Pen 13 by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 20. 10:43

12. jquery Method [ .css() ] - 선택한 요소의 css속성값을 가져오거나 추가하는 메소드

12. jquery Method [ .css() ] - 선택한 요소의 css속성값을 가져오거나 추가하는 메소드 문법 .css(속성), .css(속성, 값) 예를 들어 1. $("#ab").css("color"); 2. $("#ef").css("color", "green"); 1. id가 ab인 css의 color속성을 가져옵니다. 2. id가 ef인 css의 color속성을 green으로 추가하거나 바꿉니다. 예제 코드 MelonPeach MelonPeach 실행 테스트

jQuery/Method 2020. 2. 19. 17:47

11. jquery Method [ .clone() ] - 선택한 요소를 복제하는 메소드

11. jquery Method [ .clone() ] - 선택한 요소를 복제하는 메소드 문법 .clone() 예를 들어 $("p").clone().appendTo("h1"); p태그의 요소를 복사한 후 h1태그안에 추가합니다. 예제 코드 MelonPeach 실행 테스트

jQuery/Method 2020. 2. 19. 15:50

10. jquery Method [ .click() ] - 선택한 요소를 클릭했을 때 특정 작업을 수행하는 메소드

10. jquery Method [ .click() ] - 선택한 요소를 클릭했을 때 특정 작업을 수행하는 메소드 문법 .click(handler) 예를 들어 $("button").click(function(){ }) button을 클릭했을 때 작업을 수행합니다. 예제 코드 버튼 버튼을 클릭했을 때 버튼 내용의 color을 red로 바꿉니다. 실행 테스트 See the Pen 12 by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 19. 15:26

9. jquery Method [ .children() ] - 선택한 요소의 자식요소를 선택하는 메소드

9. jquery Method [ .children() ] - 선택한 요소의 자식요소를 선택하는 메소드 문법 .children(selector) 예를 들어 1. $("ul").children("#abc").css("color", "red"); 2. $("ul").children("#def").css("color", "blue"); 1. ul태그 요소의 자식요소를 선택하고 color를 red로 바꿉니다. 2. ul태그 요소의 자식요소를 선택하고 color를 blue로 바꿉니다. 예제 코드 ABC DEF GHI 실행 테스트

jQuery/Method 2020. 2. 19. 15:13

MelonPeach

jQuery/Method → (48)건