jQuery9 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. 이전 1 2 다음
