'분류 전체보기' 카테고리의 글 목록 (4 Page)

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

32. jquery Method [ .prepend() ] - 선택한 요소 내용앞에 추가하는 메소드

32. jquery Method [ .prepend() ] - 선택한 요소 내용앞에 추가하는 메소드 문법 .prepent() 선택한 요소 내용앞에 추가합니다. 예를 들어 $("p").prepend("MelonPeach"); p태그내용 앞에 h1태그를 추가합니다. 예제 코드 BBBB p태그 내용 앞에 h1태그를 생성하여 추가합니다. 그럼 MelonPeachBBBB 이런식으로 나오겠지요 실행 테스트

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

31. jquery Method [ .parent() ] - 요소의 부모 요소를 선택하는 메소드

31. jquery Method [ .parent() ] - 요소의 부모 요소를 선택하는 메소드 문법 .parent() 요소의 부모 요소를 선택합니다. 예를 들어 $("p").parent().css("color", "red"); p태그의 부모요소 color를 red로 바꿉니다. $("p").parent("div").css("color", "gray"); p태그의 부모요소가 div일때 color를 gray로 바꿉니다. 예제 코드 AAAA BBBB p태그로 되어있는 AAAA는 red로 바뀌고 div안에 p태그로 되어있는 BBBB는 gray로 바뀝니다. 실행 테스트

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

30. jquery Method [ .offset() ] - 선택한 요소의 좌표를 가져오거나 이동시키는 메소드

30. jquery Method [ .offset() ] - 선택한 요소의 좌표를 가져오거나 이동시키는 메소드 문법 .offset() 선택한 요소의 좌표를 가져옵니다. 예를 들어 var one = $("#a").offset(); id가 a인 요소의 좌표를 변수one에 저장합니다. 예제 코드 AAA id가 a인 p태그 아래에 좌표를 표시해줍니다 실행 테스트

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

29. jquery Method [ .not() ] - 선택한 요소 중 특정 선택자를 제외한 요소를 선택하는 메소드

29. jquery Method [ .not() ] - 선택한 요소 중 특정 선택자를 제외한 요소를 선택하는 메소드 선택한 요소중 특정 선택자를 제외하고 요소를 선택합니다. 문법 .not() 예를 들어 $("p").not($("#a")).css("color", "red"); p태그 중 id가 a인 태그를 제외하고 color를 red로 바꿔줍니다. 예제 코드 AAA BBB CCC 첫번째 p태그와 세번째 p태그만 color가 red로 바뀝니다. 실행 테스트

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

28. jquery Method [ .load() ] - 다른 경로에 있는 문서를 가져와 현재 문서에 넣어주는 메소드

28. jquery Method [ .load() ] - 다른 경로에 있는 문서를 가져와 현재 문서에 넣어주는 메소드 문법 .load(url data complete) url은 가져올 문서 data는 가져올 문서에서의 data complete는 요청이 완료되면 호출되어질 콜백 함수입니다. 예제코드 027.jsp WellCome 028.jsp id가 aa인 태그에 027문서를 가져옵니다. id가 bb인 태그에 027문서안에 id가 c인 요소를 가져오고 완료되면 alert에 WellCome이 나옵니다. 실행 테스트

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

MelonPeach

전체보기 → (104)건