'jquery'에 해당되는 글 4건

  1. 2011.05.12 JQuery Event
  2. 2011.04.28 JQuery method
  3. 2011.04.28 JQuery - Selector
  4. 2011.04.26 1. jquery 간단 예제

JQuery Event

Open Source/JQuery 2011.05.12 20:52 |
두가지 방법이 있는 것 같다.

$(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(); 

'Open Source > JQuery' 카테고리의 다른 글

JQuery Event  (0) 2011.05.12
JQuery method  (0) 2011.04.28
JQuery - Selector  (0) 2011.04.28
1. jquery 간단 예제  (0) 2011.04.26
Posted by 소혼
TAG jquery

댓글을 달아 주세요

JQuery method

Open Source/JQuery 2011.04.28 22:01 |
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');  <- sibling중에서 class가 clsTested인 노드만 test클래스를 추가합니다.

next(), prev() : 다음 또는 이전 sibling 노드를 찾습니다.
nextAll(), prevAll()
$('ul#tmp').next('ul.me').addClass('test');

parent(), parents() : 부모를 찾습니다.
children() : 자식을 찾습니다.

not() : 해당 노드들은 제외합니다.
add() : 해당 노드들을 추가합니다.

slice(0,4) : 0번째부터 4개 선택합니다.
slice(4) : 4번째부터 선택합니다.
eq(4) : 4번째만 선택합니다.

 

'Open Source > JQuery' 카테고리의 다른 글

JQuery Event  (0) 2011.05.12
JQuery method  (0) 2011.04.28
JQuery - Selector  (0) 2011.04.28
1. jquery 간단 예제  (0) 2011.04.26
Posted by 소혼
TAG jquery

댓글을 달아 주세요

두번째 예제
기존에 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로 부모 자식 관계를 형성한 태그를 검색할 수 있습니다.
2. tag명 뒤에 #을 붙여 id를 지정할 수 있습니다.
3. tag명 뒤에 .을 붙여 class를 지정할 수 있습니다.
4. *을 사용하여 모든 element를 선택할 수 있습니다.



'Open Source > JQuery' 카테고리의 다른 글

JQuery Event  (0) 2011.05.12
JQuery method  (0) 2011.04.28
JQuery - Selector  (0) 2011.04.28
1. jquery 간단 예제  (0) 2011.04.26
Posted by 소혼
TAG jquery

댓글을 달아 주세요

JQuery 도 시작.


시작한게 도대체 몇갠지 ㄲㄲ.

 

'Open Source > JQuery' 카테고리의 다른 글

JQuery Event  (0) 2011.05.12
JQuery method  (0) 2011.04.28
JQuery - Selector  (0) 2011.04.28
1. jquery 간단 예제  (0) 2011.04.26
Posted by 소혼
TAG jquery

댓글을 달아 주세요