728x90 300x250 SMALL javaScript/jQuery153 [jQuery] ready()메서드 사용방법 4가지 대부분의 프로그래밍 언어에 진입점에 해당하는 main()메서드가 있듯이 jQuery에도 진입점에 해당하는 ready()메서드가 있다. ready()메서드는 문서의 노드를 사용할 준비가 되면 Document객체에서 발생하는 DOMContentLoaded 이벤트 처리를 포장한 메서드이다. jQuery에서 ready()메서드를 사용하는 방법은 아래 4가지 방법이 있다. // 방법1 jQuery(document).ready(function(){ console.log("ready() 메서드 사용법"); }); // 방법2 jQuery(function(){ console.log("ready() 메서드 사용법"); }); // 방법3 $(document).ready(function(){ console.log("rea.. 2022. 12. 9. [jquery] scroll값이 target 보다 크면 클래스 변경 보호되어 있는 글 입니다. 2022. 9. 10. [jQuery]input에 빈값 확인하고 alert창 띄우기 $('.submit').click(function(){ inputVal = $('input').val(); if(inputVal == ''){ alert('값을 넣어주세요'); $(input).focus() return false; } }) .submit 버튼을 클릭했을 때 만약 input 값이 비어 있다면 alert창을 띄우고 input에 focus를 준다. 2022. 9. 2. [jQuery] 체크박스(checkBox) 전체선택, 전체해제, 역선택 /* checkbox */ /* 전체선택 */ $(".check-all").click(function(){ $(this).parents('.check-btn').siblings('.check-area').find('input[type=checkbox]').prop('checked',true); }) /* 전체해제 */ $(".check-none").click(function(){ $(this).parents('.check-btn').siblings('.check-area').find('input[type=checkbox]').prop('checked',false); }) /* 역선택 */ $(".check-reverse").click(function () { $(this).parents('.check-b.. 2022. 8. 30. 이전 1 ··· 28 29 30 31 32 33 34 ··· 39 다음 728x90 반응형 LIST