예를 들어, ID가 wrapper1인 요소를 클릭하면 Class가 wrapper1인 DIV가 표시되고, ID가 wrapper2인 요소를 클릭하면 Class가 wrapper2인 DIV가 표시되도록 하려는 경우 다음 jQuery 코드를 사용할 수 있습니다. $('[id^="wrapper"]').on('click', function(e) { e.preventDefault(); $('.wrap > div').hide(); $('.'+ this.id).show(); ...
위의 그림과 같이 드롭다운 목록에서 항목을 선택하면 각 항목에 대한 합계가 표시되도록 하는 jQuery 코드입니다. $(function () { var fields = $('#form1 :input').change(calculate); function calculate() { var price = 0; fields.each(function () { price += ...
다음 jQuery 스크립트를 사용하여 폼 필드를 미리 채워넣기를 쉽게 구현할 수 있습니다. rel="기본값" 형태로 기본 텍스트를 미리 채워넣을 수 있고, 클릭하면 채워진 텍스트가 사라지고 필드에 아무런 내용이 입력되지 않으면 기본값이 다시 복원됩니다. //rel 속성을 사용하여 ...
jQuery 날짜 선택기에서 과거 날짜를 선택하지 못하도록 비활성화하고 오늘 이후부터 선택할 수 있도록 하려면 minDate: 0을 추가하면 됩니다. $(function() { $( "#datepicker" ).datepicker({ minDate: 0}); }); 예:
링크를 클릭하면 요소가 표시되고 다시 클릭하면 숨기는 jQuery 코드입니다. $(document).ready(function() { $('#showmenu').click(function() { $('.menu').slideToggle("fast"); }); }); 데모 여기에서 실제 작동을 확인할 수 있습니다. KBoard 견적서 양식에서 "약관 보기"를 클릭하면 숨겨져 있던 약관 박스가 표시되고, 다시 ...
