ȨÀ¸·Î | ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
jQuery stop(),Callback,Chaining
6³â Àü
jQuery stop()

stop()Àº ¸» ±×´ë·Î ¾î¶² ¾×¼¾ÀÌ ¼öÇàµÉ¶§ ¸ØÃß´Â °ÍÀ» ¸»ÇÕ´Ï´Ù.

±âº» ¹®¹ýÀº $(selector).stop(stopAll,goToEnd); »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.


±âº» ¿¹Á¦

$("#stop").click(function(){
$("#panel").stop();
});


°ü·Ã¿¹Á¦

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown(5000);
});
$("#stop").click(function(){
$("#panel").stop();
});
});
</script>

<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>

<button id="stop">½½¶óÀ̵ù ¸ØÃç¶ó</button>
<div id="flip">½½¶óÀ̵ù ÇØ¶ó</div>
<div id="panel">Park's ºí·Î±×</div>

</body>
</html>

// ½½¶óÀ̵ùÀ» ÇÏ´Â µµÁß¿¡ "½½¶óÀ̵ù ¸ØÃç¶ó" ¹öưÀ» Ŭ¸¯ÇÏ¸é ½½¶óÀ̵ùÀÌ ¸ØÃߴ°ÍÀ» º¼ ¼ö ÀÖ½À´Ï´Ù.


jQuery Callback Functions

ÀÚ¹Ù½ºÅ©¸³Æ®´Â ±âº»ÀûÀ¸·Î ÇÑÁÙ¾¿ ½ÇÇàÀÌ µË´Ï´Ù. ±×·¯³ª ¾î¶² °æ¿ì¿¡´Â ÇÔ¼ö°¡ ½ÇÇàÀÌ ³¡³ªÁö ¾Ê¾ÒÀ»¶§ ½ÇÇàÀÌ µÉ¼öµµ Àִµ¥ ±×°ÍÀ» ¹æÁöÇϱâ À§ÇØ callback¸¦ ÀÌ¿ëÇÏ¿© ¿À·ù¸¦ ¸·À»¼ö ÀÖ½À´Ï´Ù.


±âº»¿¹Á¦

$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});

// À§ ¿¹Á¦´Â PÅÂ±× ±¸¹®À» hide(¼û±è) À» ÁøÇàÇÑ ÈÄ alert ¸Þ½ÃÁö°¡ ³ªÅ¸³³´Ï´Ù.


$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});

//À§ ¿¹Á¦´Â callbackÀ» ÇÏÁö ¾ÊÀº °æ¿ìÀε¥ À§Ã³·³ ÄÚµùÀÌ µÇ¸é alert ¸Þ½ÃÁö°¡ ¸ÕÀú ³ªÅ¸³ª°í hide¸¦ ½ÇÇàÇÏ´Â ¸ð½ÀÀ» º¼¼ö ÀÖ½À´Ï´Ù.

ÀÌó·³ callbackÀÇ ¿ªÇÒÀº ¼± ÇÔ¼ö¸¦ ½ÇÇà½ÃŲÈÄ ÈÄ ÁøÇàÇÏ°Ô ÇÒ °æ¿ì »ç¿ëÇÕ´Ï´Ù.


jQuery Chaining
chaning´Â ´ÜÀϹ®¿¡¼­ ¿©·¯°³ÀÇ jquery ¿É¼ÇÀ» ½ÇÇàÇÒ ¼ö ÀÖ½À´Ï´Ù.


±âº»±¸¹®

$("#p1").css("color","red").slideUp(2000).slideDown(2000);


$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);

À§ µÎ ±¸¹®Àº °°Àº °ÍÀÔ´Ï´Ù. ÇÑÁÙ·Î ÄÚµùÀ» ÇØµµµÇ¸ç, ¾Æ·§ÁÙ¿¡ ÄÚµùÀ» ÇØµµ °°Àº Çö»óÀÌ ³ªÅ¸³³´Ï´Ù.

ÇÑÁÙº¸´Ù´Â ¿©·¯ÁÙÀÌ º¸±â°¡ ½±°ÚÁÒ. ±×·¡¼­ Àü ÄÚµùÇÒ¶§ ¿©·¯ÁÙ¿¡ ÄÚµùÀ» ÇÕ´Ï´Ù. ¤¾


°ü·Ã¿¹Á¦

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
$("button").click(function(){
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
});
});
</script>
</head>
<body>

<p id="p1">Àç¹ÌÀÖ´Â jQuery!!</p>
<button>Ŭ¸¯Çغ¸¼¼¿ä</button>

</body>
</html>

// "Ŭ¸¯Çϼ¼¿ä" ¹öưÀ» Ŭ¸¯Çϸé À§ ±×¸²Ã³·³ "Àç¹ÌÀÖ´Â jQuery" ÀÇ ±¸¹®ÀÌ »¡°£»öÀ¸·Î ¹Ù²î°í slideUp, slideDownÀÌ ½ÇÇàµË´Ï´Ù.

°ýÈ£() ¾ÈÀÇ 2000Àº 2Ãʶó´Â ÀǹÌÀÔ´Ï´Ù. Áï 2Ãʵ¿¾È À§·Î ¿Ã¶ó°¡°í 2Ãʵ¿¾È ¾Æ·¡·Î ³»·Á¿À¶ó´Â ÀǹÌÀÔ´Ï´Ù.
ÃßõÃßõ : 187 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
3,030
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
3,029
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
3,028
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
3,027
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
3,026
 HTML <Audio> »ç¿ë¹ý
3,025
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
3,024
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
3,023
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
3,022
 CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
3,021
 ¿©·¯ µµ¸ÞÀÎµé °£ ÄíŰ °øÀ¯Çϱâ
3,020
 ÅÂ±× »çÀÌ¿¡ ÀÖ´Â ÅØ½ºÆ®¸¦ ÃßÃâ
3,019
 [JQuery] textbox focus on offÀ϶§ ¼ýÀÚ ÄÞ¸¶ º¸¿©ÁÖ±â
3,018
 ÄíŰ »ý¼º,°¡Á®¿À±â,»èÁ¦
3,017
 »ç¿ëÀÚ ÇÔ¼ö ¸ðÀ½
3,016
 ¸¶¿ì½º,Űº¸µå Á¦ÇÑ ( ¿À¸¥ÂÊŬ¸¯,µå·¡±×,¿µ¿ª¼±Åõî..)
3,015
 [HTML5] <video> - DOMÀ¸·Î Á¦¾îÇϱâ
3,014
 HTML5 video ű׿¡¼­ ¿µ»ó Á¿ì¹ÝÀü
3,013
 PHP - ƯÁ¤ ÅÂ±× ¹× ¹®ÀÚ¿­ ÃßÃâ, Á¦°Å
3,012
 [PHP] define°ú definedÀÇ Â÷ÀÌ
3,011
 ¿ìŬ¸¯ ¿Ïº®Â÷´Ü ½ºÅ©¸³Æ®
3,010
 iframe ³ôÀÌ 100% ¸ÂÃß±â
3,009
 curl ÇÔ¼ö¸¦ ÀÌ¿ëÇÑ HTTP REFERER º¯°æ
3,008
 À©µµ¿ì10 ½Ã½ºÅÛ ÆÄÀÏ ¹× Dism °Ë»ç
3,007
 ÅؽºÆ® ÁٹٲÞ, ±ÛÀÚÀÚ¸£±â CSS
3,006
 jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.