Frontend57 03. jQuery, text()와 html() 함수 / jQuery Method Chaining ○ text()와 html() - 해당 요소에 출력할 내용을 넣어준다 - 형식) $(선택자).text(출력할 내용); / $(선택자).html(출력할 내용); var str="Hello"; //JavaScript document.getElementById("text").innerText=str; //단순문자열 document.getElementById("html").innerHTML=str; //태그적용됨 //jQuery $("#text").text(str); //단순문자열 $("#html").html(str); //태그적용됨 - 차이점 ① text() : 단순 문자열로 출력됨 ② html() : 문자열이 마크업되면서 출력됨 (태그가 적용됨) 입 력 ○ jQuery Method Chaining - 함수 .. 2022. 6. 3. 02. jQuery, Event (이벤트 처리, 이벤트 종류) ○ 이벤트(event) - 웹사이트 방문자가 하는 행위 (참고 : 자바스크립트 이벤트 ) - 마우스, 키보드 조작 등 - 특정 요소에서 발생하는 이벤트를 처리하기 위해 함수를 작성하여 연결해야 함 ○ jQuery에서 이벤트 처리 - 형식) ① $(선택자).이벤트(function(){ 실행할 제이쿼리 코드 }); ② $(선택자).on(이벤트, function(){ 실행할 제이쿼리 코드 }); 아이디 : ID중복확인 회원가입 다시쓰기 - id="btn_idcheck" 클릭했을 때 팝업창 띄우기 $("#btn_idcheck").click(function(){ window.open("blank.html", "popwin", "width=350, height=300") }); - id="btn_join" 클릭했을.. 2022. 6. 3. 01. jQuery 시작 (오픈소스 사용방법, 기본 문법) ○ jQuery - JavaScript 라이브러리화 - JavaScript를 편하게 사용할 수 있도록 단순화시킴 - JavaScript는 브라우저에 내장되어 있지만, jQuery는 파일 필요함 ○ jQuery 오픈소스 사용방법 ① jQuery 라이브러리를 제공하는 해당사이트 직접 링크 ② jQuery 라이브러리를 직접 다운받아서 사용 (추천) - jquery-3.6.0.min.js 파일 다운로드 - 다운로드 링크 : https://jquery.com/download/ - Download the compressed, production jQuery 3.6.0 → 우클릭 → 다른이름으로 링크 저장 → jquery-3.6.0.min.js 다운 - jquery-3.6.0.min.js을 다운받은 경로에 잘 맞춰서.. 2022. 6. 3. 18. JavaScript 연습문제 (이미지스크롤) ● PRACTICE 연습문제 Q1) 풍선 이미지 스크롤 (자바스크립트 총정리) - 4개의 풍선이미지가 왼쪽으로 이동하도록 이미지스크롤 2022. 5. 11. 17. JavaScript 이벤트(Event) ○ 이벤트 (Event) - 이벤트 : 웹사이트 방문자가 하는 행위 - 자바스크립트는 주로 이벤트를 발생시킨 후 함수를 호출함으로써 실행한다 - 기본 이벤트의 종류 ① onchange : 다른 객체로 바뀌었을 때 ② onclick : 클릭했을 때 ③ onmouseover : 마우스가 올려졌을 때 ④ onmouseout : 마우스가 올라갔다 나갔을 때 ⑤ onkeydown : 키보드를 눌렀을 때 ⑥ onload : 페이지 로딩이 끝났을 때 ⑦ onsubmit : 서버로 해당 폼이 전송될 때 ○ 마우스 관련 이벤트 - onclick, onmouseover, onmouseout ○ onkeydown ○ onchange 서울 제주 부산 ○ onload ○ 커서 관련 이벤트 - onfucus : 텍스트 입력 상자.. 2022. 5. 10. 16. JavaScript 내장객체 ○ 자바스크립트 내장 객체(Object) - 자바스크립트에 내장되어 있는 객체 - object = 멤버변수(변수, property, attribute, field, column) + 멤버함수(함수, function, method) 로 구성 - 객체명.멤버변수 - 객체명.멤버함수() ○ Math객체 - 수학과 관련되어 있는 객체 - 수학에서 자주 사용되는 상수, 함수들 사용 가능 07.JavaScript Math객체 ○ Math 객체 - 수학과 관련되어 있는 객체 - 수학에서 자주 사용되는 상수, 함수들 사용 가능 - 사용법 : Math.변수명 | Math.함수() document.write(Math.E); //2.718281828459045 document.write(Math.PI); //3.. bins.. 2022. 5. 6. 이전 1 2 3 4 5 6 7 ··· 10 다음
