'Open Source/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 간단 예제
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
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
이전버튼 1 이전버튼

티스토리 툴바