jQuery

index.html index.js $(function () { //-- at1 btn img slide let cnt = 0; $(".at1-btn li").on("click", function () { let at1No = $(this).index(); if (at1No == 2 && cnt 0) { cnt--; $(".at1-img").animate({ left: "+=100%" }, 500); } $(".disp").text(cnt + 1 + " / 4"); }); }); index.css /* article 1 *..

.attr() 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다. 하나의 인자를 주면 해당 속성 값만을 조회하고 두 개를 주면 해당 속성 값을 변경한다. .attr(attributeName) // 속성값 가져오기 .attr(attributeName, val) // 속성값 제어하기 적용 //-- left menu $(function () { $(".menu").on("click", function () { let leftMenuNo = $(this).attr("class").substring(5, 6); $(".right").hide(); $("#view_" + leftMenuNo).show(); }); let menuNo = 0; //-- right view_4 $(".r..

jQuery? jQuery는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리이다. 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손 쉽게 구현할 수 있으며, Ajax 응용 프로그램 및 플러그인도 jQuery를 활용하여 빠르게 개발할 수 있다. jQuery 문법 $(선택자).동작함수(); 달러($) 기호는 jQuery를 의미하고, 접근할 수 있게 해주는 식별자이다. 선택자를 이용하여 원하는 HTML 요소를 선택하고, 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다. $() 함수 $() 함수는 선택된 HTML 요소를 jQuery에서 이용할 수 있는 형태로 생성해 주는 역할이다. $() 함수의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자..