목록JQuery (5)
waitedForU
[01] jQuery 이벤트 1. 이벤트가 발생한 태그 얻기 - $(function(){........}) : 아래 명령어의 생략형 $(document).ready(function()(......) : 웹 페이지를 모두 읽어드리고, 준비가 되었다면 처리하시오 라는 뜻 - eq 필터: 특정 태그안의 지정한 순서의 태그를 취득하는 셀렉터 - function() 안의 return false사용이유 : a 태그의 click 이벤트가 발생하면 jquery명령이 실행되고 href속성에 연결된 url을 열어버림. 이문제를 해결하기 위해 사용. >>>>>>> event01.html 꽃바다해파리건물 2. 클릭할 때마다 다른 처리하는 toggle() - function(){.....}를 ,(콤마)로 구분하여 여러가지 설정..
1. jQuery 명령어 1) 텍스트 변경과 가져오기 - text(...)/text() >>>> jquery_01.html 변경전변경전 2) HTML 변경과 취득 - html(...)/html() >>>> jquery_02.html 변경전 변경전 3) HTML 삽입 - prepend(...)/append(...) : 태그 안의 맨앞/맨뒤에 HTML을 삽입함before(...)/after(...) : 태그 앞/뒤에 HTML을 삽입함 >>>> jquery_03.html 텍스트 텍스트 텍스트 텍스트 4) HTML 이동 - prependTo(...)/appendTo(...) : 다른 태그 안의 맨앞/맨뒤로 이동 insertBefore(...)/insertAfter(...) : 다른 태그의 앞/뒤로 이동 >>>>..
1. jQuery 필터 1) first/last 필터 - $("태그:first/last") : 지정된 태그의 첫태그/마지막 태그 >>>> jfilter_01.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 2) even/odd 필터 - $("태그:even/odd") : 지정된 태그의 짝수/홀수 번째 태그 >>>> jfilter_02.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 3) eq/gt/lt 필터 - $("태그명:eq(번호)") : 지정된 번호의 태그(0부터 시작) $("태그명:gt(번호)"..
1. CSS3 Selector 1) 간접 selector - $("태그1~태그2") : 특정 태그 뒤에 나타나는 태그 >>>> css3_01.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 2) 부정유사 클래스(Negation pseudo-class) - $("태그1:not(태그2)") : 태그1 안에서 태그2를 제외한 태그 >>>> css3_02.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 3) empty 유사 클래스 - $("태그:empty") : 자식태그 혹은 문자열을 포함하지 않는 태그 >..
1. Javascript 라이브러리, jQuery 1) 장점 - jQuery는 JavaScript Library 입니다. - jQuery는 상당히 단순한 JavaScript programming 입니다. 또한 간결하게 코딩하고 많은 일을 해주는 JavaScript Library 입니다. - Google Trends의 분석중 Prototype.js, Mootools 보다 압도적으로 인기가 높습니다. - CSS의 selecter를 사용하고 있어서 습득하기 쉬우며, 브러우저의 다양성을 처리해 줌으로 호환성 처리에 시간을 소비할 필요가 없습니다. - 복잡한 Javascript의 구현시 DOM 문법을 매우 간결하게 해주어 개발 속도를 향상 할 수 있습니다. - jQuery의 기능을 확장할 수 있는 plugin 구..