본문 바로가기

JavaScript/jQuery3

jQuery) attr과 prop 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. attr - 태그 객체에 inline에 작성된 속성 관리 - getter : 해당 속성 값을 리턴 (작성되어 있지 않다면 undefined 리턴) → n개의 요소를 가진 경우 0번지 요소 값을 반환 - setter : 해당 속성을 작성() → n개 모든 요소의 속성을 변경 HTML 코드 attr CSS 코드 jQuery 코드 $(btn1).click((e) => { const $img = $(".img-wrapper img"); console.log($img); }); getter // getter console.log($img.attr("src")); console.log($img.att.. 2022. 6. 13.
jQuery) 기본 선택자, jQuery 객체 생성 방법, 가상 선택자, 순서관련 가상 선택자 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 기본 선택자 HTML 코드 안녕1 안녕2 안녕3 안녕4 안녕5 기본선택자 jQuery 코드 btn1.addEventListener('click', () => { const $el = $("#p1"); console.log($el); }); 하나의 jQuery 객체가 리턴 되었고, 그 안에는 순수 자바스크립트 객체가 들어있는 것을 확인할 수 있습니다. 즉, jQuery 객체는 순수 js객체를 감싼 객체임을 알 수 있습니다. 이를 이용하여 css 설정을 해줄 수도 있습니다. css() - style 설정 $el.css('color', 'red'); jQuery 객체 안에 여러개의 js객체를 감.. 2022. 6. 13.
jQuery) jQuery 다운로드, load 이벤트 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 점유율이 점점 떨어지고 있는 제이쿼리지만.. 알면 좋으니까 살짝 공부해보았습니다. jQuery 다운로드 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in.. 2022. 6. 13.