본문 바로가기

jquery

(4)
JQuery Event 두가지 방법이 있는 것 같다. $(document).bind('ready', function() { $('div').bind('mouseover'), function() { $(this).addClass('over'); } } $(document).ready( function() { $('div').mouseover( function() { $(this).addClass('over'); }); }); Trigger $('input').trigger('focus'); $('input').focus();
JQuery method addClass(CSS의 class명) : 클래스를 추가해줍니다. $('ul').addClass('test'); removeClass(CSS의 class명) : 클래스를 제거합니다. find() : selection안에서 selection을 search해줍니다. $('ul#tmp').find('li').addClass('test'); siblings() : sibling 노드(부모가 같은 노드)를 모두 찾습니다. $('ul#tmp').siblings().addClass('test'); $('ul#tmp').siblings('.clsTested').addClass('test');
JQuery - Selector 두번째 예제 기존에 HTML은 document.all 이나, document.getElementById 같은걸 이용해서 접근했으나, Selector가 생기면서 querySelector 또는 querySelectorAll, getElementsBySelector 로 접근할 수 있다고 합니다. JQuery에서는 이 긴 메소드 명을 치는 대신 $(...)으로 처리할 수 있습니다. 실행 결과는 변변치 않은 듯하고, 중요한 것은 $('ul#tmp li a') 로 보입니다. 의미는 ul 태그중에 tmp라는 이름을 가진 태그 자식중에 li태그, 또 li태그의 자식 가운데 a태그의 click 함수의 동작을 window.open으로 바꾸는 것입니다. Selector는 1. space로 부모 자식 관계를 형성한 태그를 검..
1. jquery 간단 예제 JQuery 도 시작. 시작한게 도대체 몇갠지 ㄲㄲ.