Skeleton의 세상

.html() 메서드는 선택한 요소의 내용을 새로운 HTML 요소로 변경합니다 간단히 코드를 통해 알아보겠습니다 ITSkeleton 입니다. 반가워요 이러한 HTML 코드가 있다고 가정해봅시다 스크립트는 $("p").html("새롭게 변경된 값입니다"); 위와 같이 적어주면 p가 div로 변경됩니다. .text() 메서드는 선택한 요소가 text일 경우 사용할 수 있는 간단히 텍스트만 바꾸는 메서드 입니다. 사용방법은 간단히 코드를 통해 알아봅시다 ITSkeleton 입니다. 반가워요 위와 같은 HTML코드가 있다고 가정해봅시다 스크립트는 $("p").text("텍스트만 변경된것을 알 수 있습니다"); 이렇게 적어준다면 p의 텍스트를 스크립트에 적은 텍스트로 변경해줄 수 있습니다.

JQuery는 선택한 요소가 여러개일경우 필터링을 할 수 있습니다. 사과 오렌지 파인애플 이러한 html 코드가 있다고 생각합시다 $(".fruit:has(b)").append("->선택한 과일입니다"); 위와같이 JQuery를 작성해주면 결과 값은 사과 오렌지 ->선택한 과일입니다 파인애플 이렇게 나오게 됩니다. 필터링에 사용될 수 있는 선택자들은 다음과 같습니다 선택자 예제 설명 :eq(n) $("ul li:eq(3)") 선택한 요소 중에서 인덱스가 n인 요소를 선택함 :gt(n) $("ul li:gt(3)") 선택한 요소 중에서 인덱스가 n보다 큰 요소를 모두 선택함 :lt(n) $("ul li:lt(3)") 선택한 요소 중에서 인덱스가 n보다 작은 요소를 모두 선택함 :even $("tr:even..

변수에 요소 값 저장을 하는 방법은 아래와 같습니다. 사과 오렌지 파인애플 이러한 html 코드가 있다고 가정해 봅시다 var fruit = $(".fruit"); $("#result").text("과일 갯수" + fruit.length); 스크립트 코드로 이렇게 적게되면 id가 result인 html에 과일 갯수가 표기됩니다. 이렇게 저장된 요소들은 변수에 저장될 당시의 요소들만 저장됩니다 그렇기때문에 요소가 저장된 이후에는 추가되거나 삭제된 요소들을 자동으로 갱신되지 않습니다

append() - 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다 appendTo() - 선택된 요소를 해당 요소의 마지막에 추가한다 prepend() - 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다 prependTo() - 선택된 요소를 해당 요소의 첫번째에 추가한다

아이디 클래스 클릭 이렇게 Div가 있다는 가정하에

버튼버튼 1 번의 방법은 button의 onclick이 필요치 않습니다.bind안에 function을 생성해주기 때문에 동작할 스크립트를 저곳에 생성해주면 동작합니다. 2 번의 방법은 onclick을 필요로 합니다.function을 따로 만들어주고 클릭되면 onclick에 적혀있는 funtion을 실행합니다

간단하게 방법만 적어두겠습니다. 가져오는 방법에는 여러가지의 방법이 존재합니다 $("#select아이디 option:selected").val(); $("select[name='select이름']").val();

iframe을 쓰다보면 src 즉 URL을 변경하고 싶을때가 있습니다. 코드는 아주 간단합니다. 다른영상 출력 이렇게 적어주시면 아주 간단하게 적용시킬수 있습니다