본문 바로가기

jquery

[jQuery] 반복문 Javascript에서는배열을 대괄호 []로 선언하고,객체는 중괄호 {}로 선언합니다. 배열let arr = [1, 56, 3, 86, 12]; 객체let obj = {menu : "초밥", price : 15000}; 배열속에 객체를 넣는 방법도 있습니다. let arrobj = [{    menu : "라면",    price : 4000,   },   {       menu : "김밥",        price : 3000,                   },      {       menu : "돈까스",        price : 7000,                    }       ];  jQuery에서는 배열을 대상으로 반복문을 사용할 수 있습니다.$.each를 사용해서 구현할 수 있.. 더보기
[jQuery] Mouseenter, Mouseleave Mouseenter와 Mouseleave는jQuery에서 제공하는 마우스 이벤트 함수입니다.코드를 보면서 설명하겠습니다.$("#t2").mouseenter(()=>{    $("#t2").css("opacity" , 1);    });$("#t2").mouseleave(()=>{    $("#t2").css("opacity" , 0);    }); Mouseenter는 Mouse가 식별자에 해당하는 공간에 들어올 때 (Enter),작업을 수행하는데요.위에서는 t2라는 식별자에 해당하는 태그의 공간에 마우스가 들어올 때table border = "1" id = "t2">table>(=>여기서는 table입니다.)해당 테이블의 opacity(투명도를) 1로 바꿉니다. 밑에는 Mouseleave라는 함수가 있.. 더보기
[jQuery] CSS jQuery의 css메소드를 써서선택자에 따른 css를 부여할 수 있습니다.이때 jQuery문의 구조는 $("선택자").css("속성명", "값") 형태입니다.예제 코드를 살펴보겠습니다. script type ="text/javascript" src ="jQuery.js">script>script type ="text/javascript">$(function(){    // $("선택자").css("속성명", "값");    $("#btn1").click(()=>{                 $("h1").css("color", "teal");        $("h1").css("background-color", "pink");                       });}); #btn1이라는 선택자.. 더보기
[jQuery] 선택자 선택자는 HTML 요소를 선택하는 방법입니다. jQuery에서는 $(선택자)를 사용하여 HTML 요소를 선택하고,해당 요소에 대해 작업을 수행할 수 있습니다.예시를 하나 살펴볼까요. $(function(){ alert("점심 먹으러 준비 갈 완료 !"); })  function이라는 선택자가 들어가면프로그램이 실행되면해당 메소드 내에 작업을 수행합니다.jQuery를 사용하면서 알게되는여러 기능들을 기록해 나갈 예정입니다. 더보기
[jQuery] jQuery 세팅 jQuery는 HTML 문서 탐색, 이벤트 처리, 애니메이션, Ajax 통신 등을간편하게 처리할 수 있도록 도와주는 JavaScript 라이브러리입니다.사용하기 위해서는 js파일을 하나 만들어줘야하는데요. Download jQuery | jQuery Download jQuery | jQueryDownload jQuery link Latest version To locally download these files, right-click the link and select "Save as..." from the menu. Download the compressed, production version: Download jQuery 3.7.1 The slim build is a smaller version, t.. 더보기

티스토리툴바