JQuery (3) 썸네일형 리스트형 비동기 여러 작업을 동시에 처리하기 위해 비동기(Asynchronous) 를 통해, 특정 작업의 완료를 기다리지 않고 다른 작업을 동시에 수행이 가능하도록 하였다. Ajax (Asynchronous JavaScript and XML) 웹에서 비동기 처리를 가능하게 하는 기술 클라이언트(방문자 컴퓨터)가 비동기 방식으로 자바 스크립트를 이용하여 화면 전환 없이 서버(서비스 제공 컴퓨터) 측에 자료(XML, HTML, JSON, 텍스트 유형 등)를 요청할 때 사용 다른 서버에게 데이터를 요청할때 XMLHttpRequest 객체나 혹은 fetch 메서드로 요청을하게 하는데, 서버로부터 응답을 기다리는 동안에도 사용자와의 인터랙션을 유지할 수 있으므로 사용자 경험을 향상 load( ) 메서드 $(요소 선택).load(.. JQuery 제이쿼리 이벤트 _ Event 이벤트 총정리 / 이벤트란 사이트에서 방문자가 취하는 모든 행위를 말하고, 이벤트 핸들러는 이벤트가 발생했을 때 실행되는 코드이다. 🌱 우리가 자주 보는 네이버의 로그인화면을 보고 이해를 돕자면, 로그인블럭에 마우스를 갖다대면 색상이 변하는 것 아이디 찾기 | 비밀번호 찾기 | 회원가입 에도 마우스를 갖다대면 밑줄이 생기는 것 등의 우리의 일상생활에 녹여든 브라우저들에서 이러한 액션들을 볼 수 있다 💻 이러한 동작을 제이쿼리 이벤트로 만들 수 있다는 것! 제이쿼리 이벤트 ⭐ 이벤트 등록 ✔️ 이벤트 등록 메서드에는 하나의 이벤트만 등록할 수 있는 단독 이벤트 등록 메서드 ✔️ 2개 이상의 이벤트를 등록할 수 있는 그룹 이벤트 등록 메서드 => "on" 메소드 이용 /* 단독이벤트 등록메소드 : btn1 그룹이벤트 등록메소.. JQuery 제이쿼리 선택자_기본선택자 🌷 선택자는 HTML 요소를 선택하여 가져온다 🌷 제이쿼리 선택자는 CSS 선택자와 마찬가지로 선택 한 요소의 디자인 속성을 적용할 때 사용할 수 있디 🌷 제이쿼리 선택자를 사용하여 ‘동적’으로 스타일을 적용한다 HTML의 문서 객체 구조 그림으로 보면 조금 더 이해하기 쉬울것이다. 선택자를 사용하기 위해 문서객체를 불러들일 때에, 1. document.ready 2. function 을 먼저 작성하는 두 가지의 방법은 모두 정상적인 작성 방법이다 🍁 선택한 요소에 지정한 스타일을 적용 $("CSS 선택자").css("스타일 속성명", “값”); 🍁 선택한 요소에 지정한 속성을 적용 $("CSS 선택자").attr("속성명", "값"); 선택자 제이쿼리에 들어가기 앞서, 앞으로 head 상단에 jquer.. 이전 1 다음
