Method = 함수 요소 탐색 메서드 .children() : 자식 선택 .parent() : 부모 선택 .parents() : 모든 부모 선택 (쓰긴할까 싶음) .closest("대상부모태그") : 대상부모태그중 가장 가까이 있는 태그를 선택 .siblings() : 형제,자매 (모두 선택) .find() : 찾기 .eq(인덱스번호) : 인덱스 번호 선택 .slice(시작 인덱스,끝 인덱스 (-1)) : 시작인덱스부터 끝인덱스 앞까지 선택 .next() : 다음 태그 (하나) .nextAll() : 다음 모든 태그 .prev() : 이전 태그 (하나) .prevAll() : 이전 모든 태그 .nextUntil("대상태그") : 선택태그 ~ 대상태그 사이까지만 선택하기 / 대상이 밑에 있을때 .prev..
JQuery
EVENT(이벤트) 일반 이벤트 .click : 클릭 했을때 적용 .dbclick : 노드를 더블 클릭했을 때 .hover : 요소 위에 마우스를 올렸을때 == $("선택자").hover(function(){마우스 올림},function(){마우스 나감}) .mousedown : 요소에서 마우스를 눌렀을때 .mouseenter : 요소에서 마우스가 진입했을 때 .mouseleave : 마우스가 요소에서 벗어났을때 .mousemove : 요소에서 마우스를 움직였을 때 .mouseout : 요소에서 마우스 포인터가 떠났을때 .mouseover : 요소에서 마우스를 올려놓았을 때 발생 .mouseup : 마우스 포인터를 요소에 올려놓고 마우스 버튼을 눌렀다 떼었을 때에 발생 .toggle : 요소를 클릭할 때..
일반 css선택자와 비슷함 selector .class , #id , this , 태그선택자 , * $("선택자") : $ 와 () 로 시작한다. $("*") : 전체 선택자 $(this) : 현재 선택한 태그 $(".class") : 클래스 선택자 $("#id") : Id 선택자 $("태그") : 태그 선택자 등등 css선택자 사용가능
TODO: 기본구문 $(selector).action() $ 기호로 jQuery를 정의/액세스 선택자(selector)를 통해 HTML요소를 "쿼리 (혹은 검색)" 요소에 실행할 수 있는 jQuery의 action() 기본 구문 $(document).ready(function() { $("css선택자").함수("속성명","값"); }) 축약형 구문 $(function() { $("css선택자").함수("속성명","값"); == 실행문 }) 축약형 구문 2) $(function() { $("css선택자").함수({속성명 : "값"}); == 실행문 }) 같은 선택자 여러 함수 Method chaining $(function() { $("css선택자").함수("속성명","값").함수("속성","값"); ==..
요소 탐색 메서드 .children() 자식 자식을 찾는 선택 메서드 .parent() 부모 부모를 찾는 선택 메서드 .siblings() 형제 , 자매 형제 또는 자매 선택 메서드 .find() 찾기 .next() 다음 다음 선택 메서드 .prev() 이전 이전 선택 메서드
jQuery jQuery는 함수를 이용해서 DOM(document)를 조작하며 라이브러리(함수들의 모임)이다. cdn이 필요 배경 옛날 웹브라우저(익스플러워 , 크롬 , 사파리 등)간의 js(javascript)문법이 잘 동작을 하지 않았다. 따라서 여러 함수를 모아 만든 jQuery를 많이 사용했다. 현재는 바닐라 js가 진보를 많이 해서 좋다. 장점 바닐라 js보다 코딩이 짧고 사용이 쉽다 단점 용량이 크고 , js에 비해 성능이 떨어진다. $(function() {jQuery실행문}) => html 태그보다 뒤늦게 실행을 시켜주는 구문 기본 구문 $(function() { jquery 실행문 $("css선택자").함수("속성명","값") } 같은 선택자 여러 함수 $(function() { jque..
