jquery .live()메소드

jQuery/jQuery메소드 2010.03.17 20:18

jquery .live()메소드

live란 말뜻대로 살아있는 이벤트 핸들러이다.....

현재 있지않은 엘리먼트에 이벤트를 줄수있다.

나를누르면~

위와 같은 html에 아래와 같은 소스

$("p").live("click", function(){
      $(this)
      .after("

새문장이뜨네요 또 누르면

"); });

클릭하면 아래 문장이뜨고 또 그걸 클릭하면 또 문장이 뜰것이다

http://api.jquery.com/live/

위링크에 가서 demo를 보며 확인할 수 있다.

저작자 표시
신고

설정

트랙백

댓글

jquery text() 메소드

jQuery/jQuery메소드 2010.02.20 14:39

jquery text() 메소드

.text() 메소드는 주요기능으로 텍스트값을 반환하는역할을 한다.

alert( $('p').text() );

html은

나를 출력하시오

기본적으로 엘레먼트의 텍스트를 반환하여 출력하게 되어있다.

  1. $('p') : p라는 엘리먼트에 접근한다
  2. .text() : 그엘리번트의 텍스트 값을 찾느다.
  3. alert : 경고창으로 뜨도록

위와 같이 하면은 경고창에'나를 출력하시오' 라고 나올 것이다.이번에는 괄호안에 값을 넣었을 경우를 보자

$('p').text('나를 출력');

html은

나 말고...

값이 대체 되기도 한다. 화면에는 원래나와야되는 '나말고...' 대신 '나를 출력'이 나타날것이다.정확히 말하면 대체 되는 것이 아니라 덮어지는 것이다.

저작자 표시
신고

설정

트랙백

댓글

jquery filter() 메소드

jQuery/jQuery메소드 2010.02.19 10:30

jquery filter() 메소드

filter()
filter()메소드는 영어 해석그대로 필터역할을 한다.선택한것에 접근 할때 그 입력값에 일치하는 엘리먼트를 가르킨다

나 말고

나를 집어주시요~

이 때 다음과 같이 사용하면

$('p').filter('#test').text();

나를집어주시오를 선택하게 된다. 순서는 다음과 같다.

  1. $('p') : p라는 엘리먼트에 접근
  2. .filter('#test') : 그중 test라는 아이디를 가진것을 선택
  3. .text() : 그리고 텍스트를 반환
저작자 표시
신고

설정

트랙백

댓글

jquery end() 메소드

jQuery/jQuery메소드 2010.02.18 20:55

jquery end() 메소드

원문은 여기에서 볼 수있다http://api.jquery.com/end/

.end()
end() 메소드는 현재의 엘리먼트 바로 앞의 엘리먼트를 지칭한다. 다음예제를보자

Hm..

this is the test

$(document).ready(function() {
			alert($('p').filter('#test').end().text());
		});

스크립트 소스에서 접근순서를보자

  1. $('p') : p엘리먼트에 접근
  2. .filter('#test') : #test라는 아이디에 접근
  3. .end() : 한차례앞의 것에 접근한다 따라서 p에 접근하게 된다
  4. alert($('p').filter('#test').end().text()); 소스는 p에리먼트안의 텍스트 Hm..this is the test를 출력시킨다.

체이닝(chaining)

end 함수가 유용한 것은 여러번사용하여 어떤 엘리먼트를 재지정 할 필요없다는 점이다. 다음예제를보자

  
$('form ')
    .filter('.required').text( )
     .end().end()
    .filter('.conditional').text();

$('form ')에 대해서 end 함수를 사용하여 접근 하는 방법을 짜는 소스를 줄여주고있다. 위의 것이 의미하는 바는 다음과 같다.

  
$('form ')
    .filter('.required').text( );
$('form ')    
    .filter('.conditional').text();

아래 소스를 보면은 접근하기 위해 $('form ')를 두번이나 사용했다.end를 사용하면 이럴 필요없다. 또 여러번 사용가능하기에 바로 앞의것만 아닌 맨 앞의것도 선택할 수 있는것이다. 따라서 .end().end()$('form ') 를 지칭한다.

이런 end함수의 기능을 체이닝(chaining)이라하며 jQuery의 장점중 하나이다

저작자 표시
신고

설정

트랙백

댓글


티스토리 툴바