jQuery를 사용하여 특정 콘텐츠 추가하기
.append() 메소드(method)를 사용하면 각 요소의 마지막 자식(last child) 항목으로 지정한 콘텐츠를 추가하고 .prepend() 메소드를 사용하면 첫 번째 자식 항목(first child) 항목으로 추가합니다....
.append() 메소드(method)를 사용하면 각 요소의 마지막 자식(last child) 항목으로 지정한 콘텐츠를 추가하고 .prepend() 메소드를 사용하면 첫 번째 자식 항목(first child) 항목으로 추가합니다....
현재 웹 페이지의 전체 URL을 가져와서 변수로 지정하려는 경우 다음 스크립트를 사용할 수 있습니다. window.location.href JavaScript Window Location...
$(document).ready()는 여러 번 사용이 가능합니다. 아래와 같이 두 가지 형식으로 두 개 이상을 사용할 수 있습니다. 다만 가독성에...
가령 class="abc" 요소를 가진 체크박스가 모두 선택되었는지 확인하는 방법입니다. 간단한 방법으로 다음 조건을 확인하는 것입니다. $('.abc:checked').length == $('.abc').length 다음과...
jQuery를 사용하여 픽셀(pixel)로 된 너비(Width) 값을 가져오기 var width = $('#mydivid').width(); jQuery를 사용하여 DIV의 폭 설정하기 $("#mydivid").css("width", "100px"); 100px...
jQuery를 사용하여 DIV를 화면 중앙(가운데)에 정렬하려면 다음 jQuery 스크립트를 사용할 수 있습니다. jQuery.fn.center = function () { this.css("position","absolute");...
예를 들어 자바스크립트(javascript) 경고(alert) 상자에 표시되는 텍스트에 줄나누기(new line)를 추가하려면 \n을 사용할 수 있습니다. alert("첫 번째 라인\n두 번째...
특정 DIV를 5초마다 자동으로 새로 리로드하는 것과 같이 DIV를 새로 고침하는 javascript 스크립트 예제입니다. 다음 스크립트를 사용하면 실시간으로...
$("div").eq(n).css()를 사용하여 "n-1"번째 요소의 CSS 스타일을 설정합니다. .eq() 선택자(selector)는 특정 인덱스 번호로 된 요소(element)를 선택하는 데 사용됩니다. 인덱스...
일부 워드프레스 테마에서 마우스를 아래로 스크롤할 때 컨텐츠 영역이 슬라이드 위로 올라가는 효과를 구현하는 경우를 본 적이 있을...