Skeleton의 세상

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

jQuery에서는 입력 양식에 관련된 특정 요소를 손쉽게 선택할 수 있습니다 사과 오렌지 파인애플 위와 같은 html 코드가 있다고 가정합시다 var checked = $(":checked"); $("#result").text("선택한 과일 갯수는" + checked.length); 위의 html만 있다는 가정하에 위의 코드를 작성하면 체크되는 것마다 갯수가 추가되면서 나타나게 됩니다. 입력 양식에 관련한 선택자는 아래와 같습니다. :button $(":button") type 속성값이 "button"인 요소를 모두 선택한다. :checkbox $(":checkbox") type 속성값이 "checkbox"인 요소를 모두 선택한다. :file $(":file") type 속성값이 "file"인 요소를 모..

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을 변경하고 싶을때가 있습니다. 코드는 아주 간단합니다. 다른영상 출력 이렇게 적어주시면 아주 간단하게 적용시킬수 있습니다

제목만 봐서는 어떤 내용인지 감이 안오실거라 생각합니다. ul li 를 사용하여 화살표를 누르면 가운데에 있는 값을 변경하는것. 이라고 생각하시면 될거같네요. ▲TEST 1TEST 2TEST 3TEST 4TEST 5▼ 아래와 같은 모양이 나올겁니다~ ▲ TEST 1 TEST 2 TEST 3 TEST 4 TEST 5 ▼ 현 페이지에서는 동작을 하지않는데 아마 스크립트 지원이 제대로 안된모양입니다..... 직접 작성을 하실때에는 include를 제대로 전부 해주신다음 작성하시면 화살표를 누를때 가운데 공간의 글자가 바뀌는것을 확인하실수 있습니다~ 저는 이걸로 달력을 만들었네요..!