LoGaN

jQuery | Selector

jQuery | SelectorjQuery 선택자란 ?jQuery에서 원하는 HTML 의 DOM (DOcuMent) 를 찾기 위해서$(선택자)  jQuery(선택자)와 같은 표현식을 사용한다.또한 jQuery 는 CSS Selector 방식을 사용하고 있다. jQuery | Selector 선택자 종류// 태그 선택자$('태그명')$('body') $('footer')특정한 태그를 ' ' 안에 작성하면 된다. // 아이디 선택자$('#id')$('#temp')$('#subButton')특정 id를 가진 요소를 # 뒤에 작성하면 된다. // 클래스 선택자$('.클래스명')$('.nav_bar')$('.temp')특정 class를 가진 요소를 . 뒤에 작성하면 된다. 이렇게 크게 3가지로 어떠한 요소를 선택..

jQuery | $ , ready()

jQuery | $jQuery 를 사용하는 방법은 jQuery 로 시작하거나 $ 로 시작한다. jQuery(document).ready(function(){});$(document).ready(function(){}); 이 처럼 jQuery 를 $ 로 치환할 수 있다. jQuery(선택자).이벤트(function(){});$(선택자).이벤트(function(){}); 보통 이런 모양으로 작동이 된다. jQuery | ready() 함수ready() 함수는 이 기능은 페이지의 DOM(document) 요소들이 모두 로딩이 된 후 실행되는 함수이다.따라서 jQuery는 시작할 때 코드를 작성하고 기능이 정상적으로 작동하게 할려면ready() 함수를 먼저 생성하고 안에 기능을 구현한다. 이 ready() 함수..

jQuery 설치 및 세팅

jQuery jQuery 는 자바스크립트의 간편한 사용을 돕기 위해서 만들어진 라이브러리 이다말 그대로 Js 의 '간편한' 사용을 위해 만들었기에 당연하게 자바스크립트의 기능을 똑같이 구현할 수 있다.  jQuery 를 써야하는 이유 jQuery 를 쓰는 이유는 여러 이유가 있겠지만 코드의 '양'을 줄이기 위해 사용합니다.  document.getElementById("test").style = "background-color : gold;"; // JavaScript$("#test").css("background" , "gold"); // jQuery 이 처럼 똑같은 기능을 수행하는 코드지만 길이가 확연하게 다른걸 알 수 있다.   jQuery 설치 방법https://jquery.com/download..