음 아마 비둘기보단 똑똑할꺼야
준돌 Jundol / 2015.06.12 12:00 / jQuery[제이쿼리]



jquery.toogle()

해당하는 요소를 감추거나 나타낼때 사용한다.

문법 사용법

.toggle([소요시간][콜백함수])

소요시간 (기본 : 400밀리세컨드)

타입 : 숫자 혹은 문자열

숫자 혹은 문자열은 얼만큼의 시간동안 효과를 나타낼건지 의미합니다.


.toggle(display)

display

타입 : 논리형

true 사용시 나타내고 false 사용시 diplay 에 none 속성이 들어간다.


jquery 의 편한 요소 라고 생각된다.

예를들어 여러개의 버튼을 클래스로 묶고 하나의 버튼만 display 를 block 상태로 둔 후 클래스를 셀렉트 해 놓은 후 버튼의 event 에 toggle() 만 둔다면 하나의 버튼만 선택 하면 열릴 수 있도록 할 수 있다.


  
  <span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"><span style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);">toggle demo</span></span>
  
  


 

Hiya

Such interesting text, eh?


http://jsfiddle.net/Hmmim/4jLzge0g/1/

간단하게 테스트 할 수 있다.

변화하는 display 속성을 보도록 하자.

'jQuery[제이쿼리]' 카테고리의 다른 글

jquery.toggle()  (0) 2015.06.12
jQuery.fn.extend()  (0) 2015.05.14
준돌 Jundol / 2015.05.14 12:42 / jQuery[제이쿼리]

jQuery.fn & jQuery.fn.extend()



가끔 라이브러리 혹은 타 개발자가 작성한 소스코드를 보다보면 jQuery.fn 이 간혹 보이는데

기초가 부족한 필자는 jQuery.fn 이 뭔지 몰랐다.

찾아보니...


In jQuery, the fn property is just an alias to the prototype property.

그냥 가명이란다... 프로토타입의 가명으로 fn 을 사용한다고 한다.


jQuery.fn = jQuery.prototype = {

       //...

}

그렇다하면~ jQuery.fn.extend() 는 jQuery 를 확장 즉 커스터마이징 한다는 뜻이다.

jQuery 의 기본 함수에 추가하는 내가 쓰고자 하는 함수를 넣어서 확장시킬 수 있다.


<script>
jQuery.fn.extend({
check: function() {
return this.each(function() {
this.checked = true;
});
},
uncheck: function() {
return this.each(function() {
this.checked = false;
});
}
});
// Use the newly created .check() method
$( "input[type='checkbox']" ).check();
</script>


요로케~ 확장이 가능하다.


출처

1. stackoverflow
http://stackoverflow.com/questions/4083351/what-does-jquery-fn-mean

2. jQuery
http://api.jquery.com/jquery.fn.extend/

'jQuery[제이쿼리]' 카테고리의 다른 글

jquery.toggle()  (0) 2015.06.12
jQuery.fn.extend()  (0) 2015.05.14
© 2015 Jundol in 음 아마 비둘기보단 똑똑할꺼야
Designed by DH / Powered by Tistory
78 / 53 / 96,878