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

40. jquery Method [ .slice() ] - 일치하는 요소의 일부분만 선택하는 메소드

40. jquery Method [ .slice() ] - 일치하는 요소의 일부분만 선택하는 메소드 문법 .slice() 예를 들어 $("p").slice(2,4).css("color", "red"); slice(2, 4)는 2부터 시작해서 4전까지 즉 2와 3까지 color를 red로 바꿉니다. 예제 코드 AAAAAA AAAAAA AAAAAA AAAAAA AAAAAA 실행 테스트

jQuery/Method 2020. 2. 26. 16:25

39. jquery Method [ .scrollTop() ] - 선택한 요소의 스크롤바 수직 위치를 반환하거나 위치를 정하는 메소드

39. jquery Method [ .scrollTop() ] - 선택한 요소의 스크롤바 수직 위치를 반환하거나 위치를 정하는 메소드 문법 .scrollTop() 예를 들어 $("div").scrollTop(); div태그 요소의 스크롤바 수직 위치를 가져옵니다. 예제 코드 I will always remember The day you kissed my lips Light as a feather And it went just like this No, it's never been better Than the summer of 2002 (ooh) Uh, we were only eleven But acting like grown-ups Like we are in the present Drinking from ..

jQuery/Method 2020. 2. 26. 16:10

38. jquery Method [ .resize() ] - 웹브라우저 크기가 변할때 실행되는 메소드

38. jquery Method [ .resize() ] - 웹브라우저 크기가 변할때 실행되는 메소드 문법 .resize() 웹브라우저 크기가 변할때 실행되는 메소드 예를 들어 $(window).resize(function(){ a = $("#width").width(); b = $("#height").height(); $("#width").empty().append("width : "+a); $("#height").empty().append("height : "+b); }) 웹브라우저의 사이즈가 변경될때 실행됩니다. 예제 코드 실행 테스트

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

37. jquery Method [ .replaceWith() ] - 선택한 요소를 다른것으로 바꾸는 메소드

37. jquery Method [ .replaceWith() ] - 선택한 요소를 다른것으로 바꾸는 메소드 문법 .replaceWith() 예를 들어 $("p").replaceWith("MelonPeach"); p태그의 요소를 바꿉니다. 주의할점은 p태그도 h1태그로 바뀝니다. 예제 코드 MelonPeach 버튼 실행 테스트 See the Pen 037 by youngjins (@youngjins) on CodePen.

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

36. jquery Method [ .removeClass() ] - 선택한 요소의 클래스 값을 제거하는 메소드

36. jquery Method [ .removeClass() ] - 선택한 요소의 클래스 값을 제거하는 메소드 문법 .removeClass() 예를 들어 $(".a").removeClass("a"); class가 a인 요소를 선택하고 class a를 지웁니다. 예제 코드 MelonPeach 버튼 실행 테스트

jQuery/Method 2020. 2. 26. 13:53

35. jquery Method [ .removeAttr() ] - 선택한 요소의 속성을 제거하는 메소드

35. jquery Method [ .removeAttr() ] - 선택한 요소의 속성을 제거하는 메소드 문법 .removeAttr() 예를 들어 $("input").removeAttr("value"); input태그를 선택하고 value속성을 삭제합니다. 예제 코드 버튼 버튼을 누르면 input태그의 value속성이 사라집니다. 실행 테스트 See the Pen 035 by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 26. 13:03

34. jquery Method [ .remove() ] - 선택한 요소를 삭제하는 메소드

34. jquery Method [ .remove() ] - 선택한 요소를 삭제하는 메소드 문법 .remove() 선택한 요소를 삭제합니다. 예를 들어 $("p").remove(); p태그를 선택하고 삭제합니다. 예제 코드 MelonPeach 버튼 버튼을 클릭하면 p태그의 요소를 지웁니다. 실행 테스트 See the Pen zYGZNNL by youngjins (@youngjins) on CodePen.

jQuery/Method 2020. 2. 26. 12:49

33. jquery Method [ .prop() ] - 속성의 값을 가져오거나 추가하는 메소드

33. jquery Method [ .prop() ] - 속성의 값을 가져오거나 추가하는 메소드 문법 .prop() 속성의 값을 가져옵니다. 예를 들어 var result = $("#a").prop("value"); $("#b").html(result); $("#c").prop("value", "MelonPeach"); id가 a인 요소의 value값을 변수result에 저장합니다. id가 b인 요소의 내용을 넣습니다. id가 c인 요소의 value에 값을 넣어줍니다. 예제 코드 id가 a인 요소에 있는 value값 abc를 가져와서 id가 b인 p태그에 추가합니다. id가 c인 요소 value에 MelonPeach값을 추가해줍니다. 실행 테스트

jQuery/Method 2020. 2. 26. 11:30

MelonPeach

jQuery/Method → (48)건