본문 바로가기
반응형

web39

.hide(), .show(), fadeOut(), fadeIn() 바로 숨김/ 보이기 처리 $("선택자").hide(); $("선택자").show(); 서서히 손님이보이게 숨김/보이기 처리 $("선택자").fadeOut(시간); $("선택자").fadeIn(시간); //애니메이션은 몇초 안에 사라질껀지 등등 생각하고 숫자를 꼭 써워야함. 2020. 5. 25.
.width(), .height() 요소의 너비값과 높이값 구하기 너비값과 높이값 알아내기 $("선택자").width(); $("선택자").height(); 너비값과 높이값 변경하기 $("선택자").width(변경할 수치); $("선택자").height(변경할 수치); 2020. 5. 25.
.index() 선택자의 순서 값 알아내기 $(this)와 .index(0)는 주로 같이 사용됨. 2020. 5. 25.
$(this) 이벤트가 일어난 주체 선태하기 $(this)는 반복되는 수 많은 선택자 중에 실제 사용자에 의해 이벤트가 발생한 바로 '그' 요소만 선택자로 자동 선택해준다. 2020. 5. 25.
[jQuary]선택자 jQuery를 사용하면 자바스크립트만으로 문법을 작성할 때 보다 훨씬 간결하게 작성이 가능하다. 선택자: jQuery로 특정 요소를 선택하는 용도이다. 사용방법: $("선택할요소") jQuery 선택자의 쌍따옴표(혹은 따옴표) 안의 선택 요소는 기존의 CSS선택자와 동일하다. .css() 메소드 jQuery로 선택한 요소의 css 속성 변경하기 $("선택자").css({"속성명":"속성값"}; css에선 속성값 뒤에 세미콜론을 꼭 붙여줘야하지만 jQuery는 안붙여도된다. 중간에 콤마를 사용하여 변경하조자 하는 속성명과 속성값을 추가할 수 있다. //.red{color:red;} 를 제이쿼리로 변경하기 $(".red").css({"color":"red"}); .attr() 메소드 jQuery로 선택한 요.. 2020. 5. 11.
[JavaScript] 화면에 표시하기 window.alert(); //window. 은 생략가능 alert(데이터); 사용자에게 특정 정보를 알림창(팝업창)을 이용해 알려주고 싶을 때 사용 document.write() document.write(데이터1, [데이터2,...,데이터n]); body 영역에 html 태그 정보를 출력할 때 사용. Document라는 객체에서 제공하는 write()기능은 HTML 문서의 body 영역에 와 같은 html 태그 내용을 출력한다. (브라우저 화면에 출력할 수 있는 기능 때문에 주로 프로그래밍 문법 테스트용으로 초보일 때 많이 사용🤣나야나) console.log() consol.log(데이터1[,데이터2,...,데이터n]); console 내장 객체는 log라는 메소드가 있고 () 안의 매게매수 안에 .. 2020. 4. 13.
반응형