JQuery5 [jQuery] $(document).ready()와 $() .ready() DOM (Document Object Model)이 완전히 불러와지면 실행되는 이벤트 브라우저가 HTML을 보여주기 위한 순서 문서 구조 생성 문서 구조가 만들어진 시점에서 .ready() 이벤트 실행 - 계속 발생 DOMContentLoaded 이벤트 실행 - 한 번만 발생 문서 구조 위에 디자인 입히기 문법 .ready(handler) 사용법 //기본 표현 방법 $(document).ready(function() { //실행할 기능 정의 }); //다른 표현 방법 //1. $() - jQuery 3.0 ver. 이후부터 권장되는 구문 $(handler) //2. .ready() 이벤트 - jQuery 1.8 ver.에서 deprecated됨 + 3.0 ver. 지원 X $(docume.. 2022. 4. 7. [JS/jQuery] 버튼 활성화/비활성화 (+ fieldset) input 태그의 disabled 속성 버튼 클릭 ➡ 활성화/비활성화 1. JS function btnActive() { const target = document.getElementById("btnId"); target.disabled = false; ] function btnDisabled() { const target = document.getElementById("btnId"); target.disabled = true; } 2. jQuery $(function() { //버튼 비활성화 //방법1 $("#btnId").prop("disabled", true); $("#btnId").attr("disabled", "disabled"); //방법2 //메서드 체인 방식 $("#btnId").click.. 2022. 3. 28. [JS/jQuery] document.getElementById vs jQuery$() document.getElementById('content'); //returns a HTML DOM Object var content = $('#content'); //returns a jQuery Object jQuery에서 document.getElementById()와 동일한 결과를 얻으려면? jQuery 객체에 접근 그 객체의 첫 번째 요소(element)를 가져와야 함 (JS 객체는 associative arrays처럼 act한다는 점을 기억해야 함) var content = $('#content')[0]; //returns a HTML DOM Object 출처 : https://theemeraldtablet.tistory.com/entry/httpstackoverflowcomquestions.. 2022. 2. 17. [JS/jQuery] action, submit HTML Submit JavaScript function fnSubmit() { var form = document.formName; form.submit(); } jQuery function fnSubmit() { $('#formId').attr('action', 'action.do').submit(); } 2021. 11. 3. [jQuery] select 이벤트 부여 select 이벤트 부여 방법 $('#selectId').on('click', function() {}); $('#selectId').click(function() {}); $('#selectId').bind('click', function() {}); 동적으로 생성된 select 이벤트 부여 방법 $(document).on('change', '#selectId', function() {}); 출처: https://pamaha.tistory.com/33 2021. 11. 2. 이전 1 다음