'IT/JQuery' 카테고리의 글 목록

IT/JQuery 2024. 3. 28. 12:00

구조

IT/JQuery 2024. 3. 27. 14:22

[jQuery] Empty | Delete | Detach | Each | Is

24.03.27 30일차 요소 객체 제거 및 잘라내기 1. empty 2. remove * remove는 이벤트를 가져오지 않음 3. detach each 메소드 1. each : for문과 비슷한 반복문. key가 맞으면 value 값을 꺼내온다 is 메소드

IT/JQuery 2024. 3. 27. 12:53

[jQuery] JavaScript & jQuery

24.03.22 27일차 스크립트방식 자바스크립트와 제이쿼리 비교 *자바스크립트 *제이쿼리 * 자바스크립트 *제이쿼리 *자바스크립트 제이쿼리 JavaScript jQuery 요소 선택 방법 document.getElementById("아이디명") $("#아이디명") document.getElementsByTagName("태그명") $("태그명") document.getElementsByClassName("클래스명") $(".클래스명") 선택된 요소의 속성값 변경 방법 선택된 요소 객체 속성에 직접 접근 선택된 요소에 메소드 이용 스타일 관련 .style.스타일속성 = "변형할값"; .css("스타일속성","변경할값"); 내용 관련 .innerHTML = .html("변경할값"); 이벤트명(function..

IT/JQuery 2024. 3. 22. 14:17

[JQuery] Remove | CSS Classes | CSS | Dimensions

24.03.21 26일차 목차 1. Remove - remove - empty 2. CSS Classes - addClass - removeClass - toggleClass 3. CSS 4. Dimensions (면적, 넓이) - .width() - .innerWidth() - .outerWidth() - .outerWidth(true) 1. Remove 1. remove : 전체 삭제 2. empty : layer 틀은 놔두고 내용만 삭제 3. class 삭제 4. 여러 클래스 삭제 2. CSS Classes 1. addClass 여러 클래스 동시에 추가 2. removeClass : 클래스 삭제 3. toggleClass : 선택한 요소의 클래스 값 추가 제거를 반복하는 것 3. CSS 1. css..

IT/JQuery 2024. 3. 21. 14:11

[JQuery] Add

24.03.20 25일차 목차 1. Add - append - prepend - before - after 1. Add : 요소의 추가 1. append : 태그의 마지막에 요소가 추가됨 (태그 포함) 리스트 추가 2. prepend : 태그의 앞에 요소가 추가됨 (태그 포함) *onclick : 클릭시 JavaScript의 메서드를 불러오겠다는 명령어 * $("").text("Text"); * document.createElement("p"); txt3.innerHTML = "Text"; 3. before prepend와 before는 다른것 prepend는 태그를 기준으로 봤을 때 앞에 붙고, before는 태그의 시작 전 지점에 붙는다(태그의 위쪽) 4. after append와 after은 다른것..

IT/JQuery 2024. 3. 20. 14:41

[JQuery] Get | Set

24.03.19 24일차 목차 1. Get 2. Set 1. get .text : 글자를 가져오는 코드 (태그 불가) .html : 태그를 가져오는 코드 val : value. 박스 안의 문자 attr : 속성을 가져오는 코드 2. Set 3. CallBack 함수안에 함수를 쓰는 것 .text 반복 .html 반복 .attr 속성을 바꾸는 버튼을 누를 때 문자도 바뀌도록 설정할 수 있다 사진 변경 타이틀 변경

IT/JQuery 2024. 3. 19. 14:12